JQuery选择器详解

Chrome——F12⾕歌开发者⼯具详解

我们这⾥介绍主要的⼏块：、、

Console

⼤家都有⽤过各种类型的浏览器，每种浏览器都有⾃⼰的特⾊，本⼈拙见，在我⽤过的浏览器当中，我是最喜欢Chrome的，因为它对于调试脚本及前端设计调试都有它⽐其它浏览器的地⽅。可能⼤家对console.log会有⼀定的了解，⼼⾥难免会想调试的时候⽤alert不就⾏了，⼲嘛还要⽤console.log这么⼀长串的字符串来替代alert输出信息呢，下⾯我就介绍⼀些调试的⼊门技巧，让你爱上console.log

先的简单介绍⼀下chrome的控制台，打开chrome浏览器，按f12就可以轻松的打开控制台⼤家可以看到控制台⾥⾯有⼀⾸诗还有其它信息，如果想清空控制台，可以点击左上⾓那个来清空，当然也可以通过在控制台输⼊console.clear()来实现清空控制台信息。如下图所⽰

现在假设⼀个场景，如果⼀个数组⾥⾯有的元素，但是你想知道每个元素具体的值，这时候想想如果你⽤alert那将是多惨的⼀件事情，因为alert阻断线程运⾏，你不点击alert框的确定按钮下⼀个alert就不会出现。

下⾯我们⽤console.log来替换，感受⼀下它的魅⼒。

看了上⾯这张图，是不是认识到log的强⼤之处了，下⾯我们来看看console⾥⾯具体提供了哪些⽅法可以供我们平时调试时使⽤。

1、先说⼀下源码定位

⼤家打开 看到页⾯右下⽅有⼀个推荐的图标吗？右击推荐图标，选择审查元素，打开⾕歌控制台，如下图所⽰

我们现在想知道votePost⽅法到底在哪？跟着我这样做，在Console⾯板⾥⾯输⼊votePost然后回车

直接点击上图标红的链接，控制台将定位到Sources⾯板中，展⽰如下图所⽰

⼤家看了上⾯这个图⽚之后估计头都要晕了吧，这么多js都整在⼀⾏，让⼈怎么看呀，不⽤担⼼，按下图操作即可（也就是点击中间⾯板左下⽅的Pretty print就⾏了）

这时我们再回到Console⾯板时会惊奇的发现原来的链接后⾯的1现在变成91了（其实这⾥的数字1或者91就是代表votePost⽅法在源码中的⾏号 ）现在看出Pretty print按钮的强⼤之处了吧

1.遍历option和添加、移除option

function changeShipMethod(shipping){

var len = $("select[@name=ISHIPTYPE] option").length

if(shipping.value != "CA"){

$("select[@name=ISHIPTYPE] option").each(function(){

if($(this).val() == 111){

$(this).remove();

}

});

}else{

$("UPS

Ground").appendTo($("select[@name=ISHIPTYPE]"));

}

}

2.取得下拉選單的選取值

$(#testSelect option:selected'').text();

或$("#testSelect").find(''option:selected'').text();

或$("#testSelect").val();

//////////////////////////////////////////////////////////////////

记 性不好的可以收藏下：

1,下拉框:

var cc1 = $(".formc select[@name=''country''] option[@selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格)

var cc2 = $(''.formc select[@name="country"]'').val(); //得到下拉菜单的选中项的值

var cc3 = $(''.formc select[@name="country"]'').attr("id"); //得到下拉菜单的选中项的ID属性值

$("#select").empty();//清空下拉框 //$("#select").html('''');

Jsoup解析HTML实例及文档方法详解

这篇文章主要介绍了Jsoup如何解析一个HTML文档、从文件加载文档、从URL加载Document等方法，对Jsoup常用方法做了详细讲解，最近提供了一个示例供大家参考 使用DOM方法来遍历一个文档 从元素抽取属性，文本和HTML 获取所有链接

解析和遍历一个HTML文档

如何解析一个HTML文档：

复制代码代码如下:

String html = "First parse"

+ "Parsed HTML into a doc.";

Parsed HTML into a doc.

Document doc = Jsoup.parse(html);

其解析器能够尽最大可能从你提供的HTML文档来创见一个干净的解析结果，无论HTML的格式是否完整。比如它可以处理：

1、没有关闭的标签 (比如：

Lorem

Ipsum parses to

Lorem

Ipsum

2、隐式标签 (比如. 它可以自动将 Table data包装成

3、创建可靠的文档结构（html标签包含head 和 body，在head只出现恰当的元素）

一个文档的对象模型

1、文档由多个Elements和TextNodes组成 (以及其它辅助nodes).

2、其继承结构如下：Document继承Element继承Node. TextNode继承 Node.

3、一个Element包含一个子节点集合，并拥有一个父Element。他们还提供了一个唯一的子元素过滤列表。

从一个URL加载一个Document

存在问题

你需要从一个网站获取和解析一个HTML文档，并查找其中的相关数据。你可以使用下面解决方法：

解决方法

使用 Jsoup.connect(String url)方法:

复制代码代码如下:

Document doc = Jsoup.connect("/").get();

String title = doc.title();

第一章 初识 Java第二章 数据类型和运算符第三章 流程控制第四章 初识面向对象第五章 数组与递归第六章 面向对象基础第七章 String 字符串第八章 面向对象进阶第九章 抽象类与接口第一章 Java 异常处理机制第二章 集合和泛型第三章 IO 和 XML第四章 Java 反射机制第五章 Java 多线程机制第六章 Java 网络编程 API第七章 Java 注解第八章 JDK８ 与函数式编程第一章 HTML 初体验第二章 HTML5 新特性第三章 CSS 初体验第四章 CSS3 入门第五章 JavaScript 入门第一章 初识jQuery第二章 选择器第三章 jQuery事件第四章 jQuery DOM 操作第五章 jQuery 特效第六章 jQuery 遍历第七章 jQuery Ajax第一章 数据库概述第二章 MySQL 数据库安装与使用第三章 单表查询第四章 MySQL 常用内置函数第五章 多表查询第六章 DML、TCL、DDL第七章 数据库对象第八章 数据库备份和优化第九章 JDBC 第一章 动态网页基础 JSP第二章 JSP 基础语法第三章 Servlet 与 MVC 设计模式第四章 三层架构第五章 数据库连接池第六章 EL第七章 AJAX第八章 过滤器与监听器第一章 MyBatis 基础第二章 MyBatis 配置文件详解第三章 SQL 映射文件详解第四章 关联查询第五章 查询缓存第六章 MyBatis 高级开发Java 基础

Java 进阶网页三剑客JQuery上手指南

MySQL 数据库

Java Web 基础第七章 Spring Framework第八章 SpringAOP第九章 Spring 高级开发第十章 Quartz 框架第十一章 Spring 整合 MyBatis第十二章 SpringMVC第十三章 视图与表单第十四章 表单标签第十五章 文件上传下载与拦截器第十六章 异常处理与 SpringMVC 处理流程第十七章 SSM 整合第十八章 ECharts 数据可视化第一章 NoSQL 介绍第二章 NoSQL 数据存储模式第三章 MongoDB 基础操作第四章 MongoDB 索引和查询第五章 MongoDB 优化和存储第六章 Redis 基础第七章 Redis 分布式集群第八章 Redis 优化和存储第一章 初识 Spring Boot第二章 Spring Boot 配置第三章 Spring Boot 支持 REST 风格第四章 Spring Boot 整合持久层框架第五章 Spring Boot 单元测试第六章 Spring Boot 整合 NoSQL第七章 Spring Boot 整合 RabbitMQ第八章 Spring Boot 整合 Elasticsearch第九章 Spring Boot 整合 Web 开发第一章 Spring Cloud 和微服务第二章 Eureka 注册中心第三章 客户负载均衡 Ribbon第四章 声明式 REST 客户端 Feign第五章 Hystrix 服务熔断第六章 API 网关第七章 服务配置中心第八章 微服务的跟踪和安全第九章 高性能 RPC 框架 Dubbo微服务架构下高性能开发SSM 框架