Jsoup学习总结

港控/mmm° 2022-06-05 12:28 172阅读 0赞

# Jsoup学习总结 #

# 摘要 #

Jsoup是一款比较好的Java版HTML解析器。可直接解析某个URL地址、HTML文本内容。它提供了一套非常省力的API，可通过DOM，CSS以及类似于jQuery的操作方法来取出和操作数据。

## jSOUP主要功能 ##

1.  从一个URL，文件或字符串中解析HTML；
2.  使用DOM或CSS选择器来查找、取出数据；
3.  可操作HTML元素、属性、[文本][Link 1]；

## 环境搭建 ##

[MAVEN依赖][MAVEN]

<dependency>
       <groupId>org.jsoup</groupId>
       <artifactId>jsoup</artifactId>
       <version>1.8.3</version>
       </dependency>

## 1. 输入 ##

jsoup 可以从包括字符串、URL地址以及本地文件来加载HTML 文档，并生成Document对象实例。

*  Document对象（一个文档的对象模型）：文档由多个Elements和TextNodes组成 (以及其它辅助nodes：详细可查看：[nodes package tree][]).   
    其继承结构如下：[Document][]继承[Element][]继承[Node][]. [TextNode][]继承 [Node][].
 *  一个Element包含一个子节点集合，并拥有一个父Element。他们还提供了一个唯一的子元素过滤列表。

### 1.1 从字符串中输入HTML文档 ###

#### 1.1.1 解析一个html字符串 ####

使用静态方法[Jsoup.parse(String html)][Jsoup.parse_String html] 或 [Jsoup.parse(String html, String baseUri)][Jsoup.parse_String html_ String baseUri]

String html = "<html><head><title>开源中国社区</title></head>"
       +"<body><p>这里是jsoup 项目的相关文章</p></body></html>";
       Document doc = Jsoup.parse(html);

说明：

1.  其解析器能够尽最大可能从你提供的HTML文档来创见一个干净的解析结果，无论HTML的格式是否完整。比如它可以处理：
    
     *  没有关闭的标签 (比如： `<p>Lorem <p>Ipsum` 解析为 `<p>Lorem</p> <p>Ipsum</p>`)
     *  隐式标签 (比如：它可以自动将 `<td>Table data</td>`包装成`<table><tr><td>?`)
     *  创建可靠的文档结构（html标签包含head 和 body，在head只出现恰当的元素）
2.  [parse(String html, String baseUri)][parse_String html_ String baseUri] 这个方法能够将输入的HTML解析为一个新的文档 (Document），参数 baseUri 是用来将相对 URL 转成绝对URL，并指定从哪个网站获取文档。如这个方法不适用，你可以使用 [parse(String html)][Jsoup.parse_String html] 方法来解析成HTML字符串如上面的示例。
3.  只要解析的不是空字符串，就能返回一个结构合理的文档，其中包含(至少) 一个head和一个body元素。
4.  一旦拥有了一个Document，你就可以使用Document中适当的方法或它父类 [Element][] 和 [Node][] 中的方法来取得相关数据

#### 1.1.2 解析一个body片断 ####

假如你有一个HTML片断 (比如. 一个 div 包含一对 p 标签; 一个不完整的HTML文档) 想对它进行解析。这个HTML片断可以是用户提交的一条评论或在一个CMS页面中编辑body部分。可以使用[Jsoup.parseBodyFragment(String html)][Jsoup.parseBodyFragment_String html] 方法.

String html = "<div><p>Lorem ipsum.</p>";
       Document doc = Jsoup.parseBodyFragment(html);
       Element body = doc.body();

说明：

1.  parseBodyFragment 方法创建一个空壳的文档，并插入解析过的HTML到body元素中。假如你使用正常的 [Jsoup.parse(String html)][Jsoup.parse_String html] 方法，通常你也可以得到相同的结果，但是明确将用户输入作为 body片段处理，以确保用户所提供的任何糟糕的HTML都将被解析成body元素。
2.  [Document.body()][Document.body] 方法能够取得文档body元素的所有子元素，与 doc.getElementsByTag("body")相同。

### 1.2 从URL直接加载HTML文档 ###

从一个网站获取和解析一个HTML文档，并查找其中的相关数据，可以使用 [Jsoup.connect(String url)][Jsoup.connect_String url]方法。

Document doc =Jsoup.connect("网址/").get();
       String title = doc.title();
       Document doc =Jsoup.connect("网址/")
       .data("query", "Java") //请求参数
       .userAgent("I’mjsoup") //设置User-Agent
       .cookie("auth", "token") //设置cookie
       .timeout(3000) //设置连接超时时间
       .post(); //使用POST方法访问URL

说明：

1.  [connect(String url)][Jsoup.connect_String url] 方法创建一个新的 [Connection][] 和 [get()][get] 取得和解析一个HTML文件。如果从该URL获取HTML时发生错误，便会抛出 IOException，应适当处理。
2.  [Connection][] 接口还提供一个方法链来解决特殊请求，具体如下：

Document doc = Jsoup.connect("http://example.com")
       .data("query", "Java")
       .userAgent("Mozilla")
       .cookie("auth", "token")
       .timeout(3000)
       .post();

这个方法只支持Web URLs (http 和 https 协议); 假如你需要从一个文件加载，可以使用 [parse(File in, String charsetName)][parse_File in_ String charsetName] 代替。

### 1.3 从文件中加载HTML文档 ###

在本机硬盘上有一个HTML文件，需要对它进行解析从中抽取数据或进行修改。可以使用静态 [Jsoup.parse(File in, String charsetName, String baseUri)][Jsoup.parse_File in_ String charsetName_ String baseUri] 方法。

File input = new File("/tmp/input.html");
       Document doc = Jsoup.parse(input, "UTF-8", "http://example.com/");

说明：

1.  [parse(File in, String charsetName, String baseUri)][Jsoup.parse_File in_ String charsetName_ String baseUri] 这个方法用来加载和解析一个HTML文件。如在加载文件的时候发生错误，将抛出IOException，应作适当处理。
2.  baseUri参数用于解决文件中URLs是相对路径的问题。如果不需要可以传入一个空的字符串。
3.  另外还有一个方法[parse(File in, String charsetName)][parse_File in_ String charsetName] 它使用文件的路径做为 baseUri。 这个方法适用于如果被解析文件位于网站的本地文件系统，且相关链接也指向该文件系统。

### 1.4 保证安全Stay safe ###

假如你可以让用户输入HTML内容，那么要小心避免跨站脚本攻击。利用基于[Whitelist][]的清除器和[clean(String bodyHtml, Whitelist whitelist)][clean_String bodyHtml_ Whitelist whitelist] 方法来清除用户输入的恶意内容。

详情查看 第4节 \[4.HTML清理\](\#4.HTML清理)

## 2. 数据抽取 ##

### 2.1 使用DOM方法来遍历一个文档 ###

有一个HTML文档要从中提取数据，并了解这个HTML文档的结构。将HTML解析成一个[Document][]之后，就可以使用类似于DOM的方法进行操作。

File input = new File("/tmp/input.html");
       Document doc = Jsoup.parse(input, "UTF-8", "http://example.com/");
       
       Element content = doc.getElementById("content");
       Elements links = content.getElementsByTag("a");
       for (Element link : links) { 
       String linkHref = link.attr("href");
       String linkText = link.text();
       }

说明：Elements这个对象提供了一系列类似于DOM的方法来查找元素，抽取并处理其中的数据。具体如下：

#### 2.1.1 查找元素 ####

<table style="border-collapse:collapse; border-spacing:0px; max-width:100%; margin:10px 0px; padding:0px; color:rgb(0,0,0); font-family:Helvetica,&quot;Hiragino Sans GB&quot;,微软雅黑,&quot;Microsoft YaHei UI&quot;,SimSun,SimHei,arial,sans-serif; font-size:15px; line-height:25.2632px; widows:1"> 
 <thead style=""> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <th style="text-align:left; height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#getElementById%28java.lang.String%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; font-weight:normal; outline:none" rel="nofollow">getElementById(String id)</a></th> 
   <th style="text-align:left; height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> id</th> 
  </tr> 
 </thead> 
 <tbody style=""> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#getElementsByTag%28java.lang.String%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">getElementsByTag(String tag)</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 标签名</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px; background-color:rgb(248,248,248)"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#getElementsByClass%28java.lang.String%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">getElementsByClass(String className)</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> class名</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#getElementsByAttribute%28java.lang.String%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">getElementsByAttribute(String key)</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 属性</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px; background-color:rgb(248,248,248)"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#siblingElements%28%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">siblingElements()</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 所有的兄弟元素</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#firstElementSibling%28%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">firstElementSibling()</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 第一个兄弟元素</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px; background-color:rgb(248,248,248)"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#lastElementSibling%28%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">lastElementSibling()</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 最后一个兄弟元素</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#nextElementSibling%28%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">nextElementSibling()</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 下一个兄弟元素</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px; background-color:rgb(248,248,248)"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#previousElementSibling%28%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">previousElementSibling()</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 上一个兄弟元素</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/nodes/Node.html#parent%28%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">parent()</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 获取该元素父节点</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px; background-color:rgb(248,248,248)"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#children%28%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">children()</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 获取该元素的子元素</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#child%28int%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">child(int index)</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 获取该元素的第几个子元素（下标从0开始）</td> 
  </tr> 
 </tbody> 
</table>

#### 2.1.2 元素数据 ####

<table style="border-collapse:collapse; border-spacing:0px; max-width:100%; margin:10px 0px; padding:0px; color:rgb(0,0,0); font-family:Helvetica,&quot;Hiragino Sans GB&quot;,微软雅黑,&quot;Microsoft YaHei UI&quot;,SimSun,SimHei,arial,sans-serif; font-size:15px; line-height:25.2632px; widows:1"> 
 <thead style=""> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <th style="text-align:left; height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/select/Elements.html#attr%28java.lang.String%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; font-weight:normal; outline:none" rel="nofollow">attr(String key)</a></th> 
   <th style="text-align:left; height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 获取属性</th> 
  </tr> 
 </thead> 
 <tbody style=""> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/select/Elements.html#attr%28java.lang.String,%20java.lang.String%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">attr(String key, String value)</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 设置属性</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px; background-color:rgb(248,248,248)"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/nodes/TextNode.html#attributes%28%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">attributes()</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 获取所有属性</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#id%28%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">id()</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 获取该元素id</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px; background-color:rgb(248,248,248)"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#className%28%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">className()</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 获取该元素class，多个class之间空格隔开</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#classNames%28%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">classNames()</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 获取所有元素的class</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px; background-color:rgb(248,248,248)"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/select/Elements.html#text%28%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">text()</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 获取文本内容</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/nodes/TextNode.html#text%28java.lang.String%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">text(String value)</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 设置文本内容</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px; background-color:rgb(248,248,248)"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/select/Elements.html#html%28%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">html()</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 获取元素内HTML</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/select/Elements.html#html%28java.lang.String%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">html(String value)</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 设置元素内的HTML内容</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px; background-color:rgb(248,248,248)"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/select/Elements.html#outerHtml%28%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">outerHtml()</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 获取元素外HTML内容</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#data%28%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">data()</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 获取数据内容（例如：script和style标签)</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px; background-color:rgb(248,248,248)"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#tag%28%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">tag()</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> &nbsp;</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <a href="http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#tagName%28%29" style="background:transparent; color:rgb(68,138,255); margin:0px; padding:0px; outline:none" rel="nofollow">tagName()</a></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 获取元素标签名</td> 
  </tr> 
 </tbody> 
</table>

#### 2.1.3 操作HTML和文本 ####

### 2.2 使用选择器语法来查找元素(select) ###

使用 [Element.select(String selector)][Element.select_String selector] 和 [Elements.select(String selector)][Elements.select_String selector]，使用类似于CSS或jQuery的语法来查找和操作元素。

File input = new File("/tmp/input.html");
       Document doc = Jsoup.parse(input, "UTF-8", "http://example.com/");
       Elements links = doc.select("a[href]"); //带有href属性的a元素
       Elements pngs = doc.select("img[src$=.png]"); //扩展名为.png的图片
       Element masthead = doc.select("div.masthead").first();//class等于masthead的div标签
       Elements resultLinks = doc.select("h3.r > a"); //在h3元素之后的a元素

说明：   
jsoup elements对象支持类似于[CSS][] (或[jquery][])的选择器语法，来实现非常强大和灵活的查找功能。

这个`select` 方法在[Document][], [Element][],或[Elements][] 对象中都可以使用。且是上下文相关的，因此可实现指定元素的过滤，或者链式选择访问。

Select方法将返回一个[Elements][] 集合，并提供一组方法来抽取和处理结果。

#### 2.2.1 Selector选择器 基本用法 ####

#### 2.2.2 Selector选择器 组合使用 ####

<table style="border-collapse:collapse; border-spacing:0px; max-width:100%; margin:10px 0px; padding:0px; color:rgb(0,0,0); font-family:Helvetica,&quot;Hiragino Sans GB&quot;,微软雅黑,&quot;Microsoft YaHei UI&quot;,SimSun,SimHei,arial,sans-serif; font-size:15px; line-height:25.2632px; widows:1"> 
 <thead style=""> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <th style="text-align:left; height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <span style="margin:0px; padding:0px; font-weight:normal">el#id</span></th> 
   <th style="text-align:left; height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 定位 id 值某个元素，例如 a#logo -&gt;&nbsp;<code style="font-family:Consolas,&quot;Liberation Mono&quot;,Menlo,Courier,monospace; font-size:12.6px; padding:0px 5px; color:rgb(199,37,78); white-space:nowrap; background-color:rgb(248,248,248); margin:0px 2px; border:1px solid rgb(234,234,234); word-wrap:break-word">&lt;a id=logo href= … &gt;</code></th> 
  </tr> 
 </thead> 
 <tbody style=""> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <span style="margin:0px; padding:0px">el.class</span></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 定位 class 为指定值的元素，例如 div.head -&gt;&nbsp;<code style="font-family:Consolas,&quot;Liberation Mono&quot;,Menlo,Courier,monospace; font-size:12.6px; padding:0px 5px; color:rgb(199,37,78); white-space:nowrap; background-color:rgb(248,248,248); margin:0px 2px; border:1px solid rgb(234,234,234); word-wrap:break-word">&lt;div class=head&gt;xxxx&lt;/div&gt;</code></td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px; background-color:rgb(248,248,248)"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <span style="margin:0px; padding:0px">el[attr]</span></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 定位所有定义了某属性的元素，例如 a[href]</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <span style="margin:0px; padding:0px">以上三个任意组合</span></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 例如 a[href]#logo 、a[name].outerlink</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px; background-color:rgb(248,248,248)"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <span style="margin:0px; padding:0px">ancestor child</span></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 查找某个元素下子元素，比如：可以用<code style="font-family:Consolas,&quot;Liberation Mono&quot;,Menlo,Courier,monospace; font-size:12.6px; padding:0px 5px; color:rgb(199,37,78); white-space:nowrap; background-color:rgb(249,242,244); margin:0px 2px; border:1px solid rgb(234,234,234); word-wrap:break-word">.body p</code>&nbsp;查找在"body"元素下的所有&nbsp;<code style="font-family:Consolas,&quot;Liberation Mono&quot;,Menlo,Courier,monospace; font-size:12.6px; padding:0px 5px; color:rgb(199,37,78); white-space:nowrap; background-color:rgb(249,242,244); margin:0px 2px; border:1px solid rgb(234,234,234); word-wrap:break-word">p</code>元素</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <span style="margin:0px; padding:0px">parent &gt; child</span></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 查找某个父元素下的直接子元素，比如：可以用<code style="font-family:Consolas,&quot;Liberation Mono&quot;,Menlo,Courier,monospace; font-size:12.6px; padding:0px 5px; color:rgb(199,37,78); white-space:nowrap; background-color:rgb(248,248,248); margin:0px 2px; border:1px solid rgb(234,234,234); word-wrap:break-word">div.content &gt; p</code>&nbsp;查找&nbsp;<code style="font-family:Consolas,&quot;Liberation Mono&quot;,Menlo,Courier,monospace; font-size:12.6px; padding:0px 5px; color:rgb(199,37,78); white-space:nowrap; background-color:rgb(248,248,248); margin:0px 2px; border:1px solid rgb(234,234,234); word-wrap:break-word">p</code>&nbsp;元素，也可以用<code style="font-family:Consolas,&quot;Liberation Mono&quot;,Menlo,Courier,monospace; font-size:12.6px; padding:0px 5px; color:rgb(199,37,78); white-space:nowrap; background-color:rgb(248,248,248); margin:0px 2px; border:1px solid rgb(234,234,234); word-wrap:break-word">body &gt; *</code>&nbsp;查找body标签下所有直接子元素</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px; background-color:rgb(248,248,248)"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <span style="margin:0px; padding:0px">siblingA + siblingB</span></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 查找在A元素之前第一个同级元素B，比如：<code style="font-family:Consolas,&quot;Liberation Mono&quot;,Menlo,Courier,monospace; font-size:12.6px; padding:0px 5px; color:rgb(199,37,78); white-space:nowrap; background-color:rgb(249,242,244); margin:0px 2px; border:1px solid rgb(234,234,234); word-wrap:break-word">div.head + div</code></td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <span style="margin:0px; padding:0px">siblingA ~ siblingX</span></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 查找A元素之前的同级X元素，比如：<code style="font-family:Consolas,&quot;Liberation Mono&quot;,Menlo,Courier,monospace; font-size:12.6px; padding:0px 5px; color:rgb(199,37,78); white-space:nowrap; background-color:rgb(248,248,248); margin:0px 2px; border:1px solid rgb(234,234,234); word-wrap:break-word">h1 ~ p</code></td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px; background-color:rgb(248,248,248)"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <span style="margin:0px; padding:0px">el, el, el</span></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 多个选择器组合，查找匹配任一选择器的唯一元素，例如：<code style="font-family:Consolas,&quot;Liberation Mono&quot;,Menlo,Courier,monospace; font-size:12.6px; padding:0px 5px; color:rgb(199,37,78); white-space:nowrap; background-color:rgb(249,242,244); margin:0px 2px; border:1px solid rgb(234,234,234); word-wrap:break-word">div.masthead, div.logo</code></td> 
  </tr> 
 </tbody> 
</table>

#### 2.2.3 伪选择器selectors (表达式)： ####

<table style="border-collapse:collapse; border-spacing:0px; max-width:100%; margin:10px 0px; padding:0px; color:rgb(0,0,0); font-family:Helvetica,&quot;Hiragino Sans GB&quot;,微软雅黑,&quot;Microsoft YaHei UI&quot;,SimSun,SimHei,arial,sans-serif; font-size:15px; line-height:25.2632px; widows:1"> 
 <thead style=""> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <th style="text-align:left; height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <span style="margin:0px; padding:0px; font-weight:normal">:lt(n)</span></th> 
   <th style="text-align:left; height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 查找哪些元素的同级索引值（它的位置在DOM树中是相对于它的父节点）小于n，比如：<code style="font-family:Consolas,&quot;Liberation Mono&quot;,Menlo,Courier,monospace; font-size:12.6px; padding:0px 5px; color:rgb(199,37,78); white-space:nowrap; background-color:rgb(248,248,248); margin:0px 2px; border:1px solid rgb(234,234,234); word-wrap:break-word">td:lt(3)</code>&nbsp;表示小于三列的元素</th> 
  </tr> 
 </thead> 
 <tbody style=""> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <span style="margin:0px; padding:0px">:gt(n)</span></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 查找哪些元素的同级索引值大于<code style="font-family:Consolas,&quot;Liberation Mono&quot;,Menlo,Courier,monospace; font-size:12.6px; padding:0px 5px; color:rgb(199,37,78); white-space:nowrap; background-color:rgb(248,248,248); margin:0px 2px; border:1px solid rgb(234,234,234); word-wrap:break-word">n``，比如</code>：&nbsp;<code style="font-family:Consolas,&quot;Liberation Mono&quot;,Menlo,Courier,monospace; font-size:12.6px; padding:0px 5px; color:rgb(199,37,78); white-space:nowrap; background-color:rgb(248,248,248); margin:0px 2px; border:1px solid rgb(234,234,234); word-wrap:break-word">div p:gt(2)</code>表示哪些div中有包含2个以上的p元素</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px; background-color:rgb(248,248,248)"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <span style="margin:0px; padding:0px">:eq(n)</span></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 查找哪些元素的同级索引值与<code style="font-family:Consolas,&quot;Liberation Mono&quot;,Menlo,Courier,monospace; font-size:12.6px; padding:0px 5px; color:rgb(199,37,78); white-space:nowrap; background-color:rgb(249,242,244); margin:0px 2px; border:1px solid rgb(234,234,234); word-wrap:break-word">n</code>相等，比如：<code style="font-family:Consolas,&quot;Liberation Mono&quot;,Menlo,Courier,monospace; font-size:12.6px; padding:0px 5px; color:rgb(199,37,78); white-space:nowrap; background-color:rgb(249,242,244); margin:0px 2px; border:1px solid rgb(234,234,234); word-wrap:break-word">form input:eq(1)</code>表示包含一个input标签的Form元素</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <span style="margin:0px; padding:0px">:has(seletor)</span></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 查找匹配选择器包含元素的元素，比如：<code style="font-family:Consolas,&quot;Liberation Mono&quot;,Menlo,Courier,monospace; font-size:12.6px; padding:0px 5px; color:rgb(199,37,78); white-space:nowrap; background-color:rgb(248,248,248); margin:0px 2px; border:1px solid rgb(234,234,234); word-wrap:break-word">div:has(p)</code>表示哪些div包含了p元素</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px; background-color:rgb(248,248,248)"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <span style="margin:0px; padding:0px">:not(selector)</span></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 查找与选择器不匹配的元素，比如：&nbsp;<code style="font-family:Consolas,&quot;Liberation Mono&quot;,Menlo,Courier,monospace; font-size:12.6px; padding:0px 5px; color:rgb(199,37,78); white-space:nowrap; background-color:rgb(249,242,244); margin:0px 2px; border:1px solid rgb(234,234,234); word-wrap:break-word">div:not(.logo)</code>&nbsp;表示不包含 class=logo 元素的所有 div 列表</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <span style="margin:0px; padding:0px">:contains(text)</span></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 查找包含给定文本的元素，不区分大不写，比如：&nbsp;<code style="font-family:Consolas,&quot;Liberation Mono&quot;,Menlo,Courier,monospace; font-size:12.6px; padding:0px 5px; color:rgb(199,37,78); white-space:nowrap; background-color:rgb(248,248,248); margin:0px 2px; border:1px solid rgb(234,234,234); word-wrap:break-word">p:contains(jsoup)</code></td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px; background-color:rgb(248,248,248)"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <span style="margin:0px; padding:0px">:containsOwn(text)</span></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 查找文本信息完全等于指定条件的元素</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <span style="margin:0px; padding:0px">:matches(regex)</span></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 使用正则表达式进行文本过滤：div:matches((?i)login)</td> 
  </tr> 
  <tr style="border-top:1px solid rgb(204,204,204); margin:0px; padding:0px; background-color:rgb(248,248,248)"> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> <span style="margin:0px; padding:0px">:matchesOwn(regex)</span></td> 
   <td style="height:28px; word-break:break-all; outline:none; border:1px solid rgb(204,204,204); margin:0px; padding:6px 13px; font-size:14px"> 使用正则表达式找到自身的文本</td> 
  </tr> 
 </tbody> 
</table>

*  注意：上述伪选择器索引是从0开始的，也就是说第一个元素索引值为0，第二个元素index为1等
 *  可以查看[Selector][] API参考来了解更详细的内容

### 2.3 从元素抽取属性，文本和HTML ###

*  [Node.attr(String key)][Node.attr_String key] 获取属性值
 *  [Element.text()][Element.text] 获取元素中的文本值
 *  [Element.html()][Element.html] 获取元素HTML内容
 *  [Node.outerHtml()][Node.outerHtml] 获取元素HTML内容

String html = "<p>An <a href='http://example.com/'><b>example</b></a> link.</p>";
       Document doc = Jsoup.parse(html);//解析HTML字符串返回一个Document实现
       Element link = doc.select("a").first();//查找第一个a元素
       
       String text = doc.body().text(); // "An example link"//取得字符串中的文本
       String linkHref = link.attr("href"); // "http://example.com/"//取得链接地址
       String linkText = link.text(); // "example""//取得链接地址中的文本
       
       String linkOuterH = link.outerHtml(); 
       // "<a href="http://example.com"><b>example</b></a>"
       String linkInnerH = link.html(); // "<b>example</b>"//取得链接内的html内容

说明：   
上述方法是元素数据访问的核心办法。此外还其它一些方法可以使用：

*  [Element.id()][Element.id]
 *  [Element.tagName()][Element.tagName]
 *  [Element.className()][Element.className]
 *  [Element.hasClass(String className)][Element.hasClass_String className]

这些访问器方法都有相应的setter方法来更改数据.

### 2.4 处理URLs ###

有一个包含相对URLs路径的HTML文档，需要将这些相对路径转换成绝对路径的URLs。

1.  在解析文档时确保有指定`baseURI`，
2.  然后使用 `abs:` 属性前缀来取得包含`baseURI`的绝对路径

Document doc = Jsoup.connect("http://www.open-open.com").get();
       Element link = doc.select("a").first();
       String relHref = link.attr("href"); // == "/"
       String absHref = link.attr("abs:href"); // "http://www.open-open.com/"

说明：   
在HTML元素中，URLs经常写成相对于文档位置的相对路径： `<a href="/download">...</a>`. 当你使用 [Node.attr(String key)][Node.attr_String key] 方法来取得a元素的href属性时，它将直接返回在HTML源码中指定的值。

假如你需要取得一个绝对路径，需要在属性名前加 `abs:` 前缀。这样就可以返回包含根路径的URL地址`attr("abs:href")`，因此，在解析HTML文档时，定义baseURI非常重要。

如果你不想使用`abs:` 前缀，还有一个方法能够实现同样的功能 [Node.absUrl(String key)][Node.absUrl_String key]。

### 2.5 示例程序: 获取所有链接 ###

这个示例程序将展示如何从一个URL获得一个页面。然后提取页面中的所有链接、图片和其它辅助内容。并检查URLs和文本信息。运行下面程序需要指定一个URLs作为参数

package org.jsoup.examples;
       
       import org.jsoup.Jsoup;
       import org.jsoup.helper.Validate;
       import org.jsoup.nodes.Document;
       import org.jsoup.nodes.Element;
       import org.jsoup.select.Elements;
       
       import java.io.IOException;
       
       /**
       * Example program to list links from a URL.
       */
       public class ListLinks { 
       public static void main(String[] args) throws IOException { 
       Validate.isTrue(args.length == 1, "usage: supply url to fetch");
       String url = args[0];
       print("Fetching %s...", url);
       
       Document doc = Jsoup.connect(url).get();
       Elements links = doc.select("a[href]");
       Elements media = doc.select("[src]");
       Elements imports = doc.select("link[href]");
       
       print("\nMedia: (%d)", media.size());
       for (Element src : media) { 
       if (src.tagName().equals("img"))
       print(" * %s: <%s> %sx%s (%s)",
       src.tagName(), src.attr("abs:src"), src.attr("width"), src.attr("height"),
       trim(src.attr("alt"), 20));
       else
       print(" * %s: <%s>", src.tagName(), src.attr("abs:src"));
       }
       
       print("\nImports: (%d)", imports.size());
       for (Element link : imports) { 
       print(" * %s <%s> (%s)", link.tagName(),link.attr("abs:href"), link.attr("rel"));
       }
       
       print("\nLinks: (%d)", links.size());
       for (Element link : links) { 
       print(" * a: <%s> (%s)", link.attr("abs:href"), trim(link.text(), 35));
       }
       }
       
       private static void print(String msg, Object... args) { 
       System.out.println(String.format(msg, args));
       }
       
       private static String trim(String s, int width) { 
       if (s.length() > width)
       return s.substring(0, width-1) + ".";
       else
       return s;
       }
       }

示例输入结果：

Fetching http://news.ycombinator.com/...
       
       Media: (38)
       * img: <http://ycombinator.com/images/y18.gif> 18x18 ()
       * img: <http://ycombinator.com/images/s.gif> 10x1 ()
       * img: <http://ycombinator.com/images/grayarrow.gif> x ()
       * img: <http://ycombinator.com/images/s.gif> 0x10 ()
       * script: <http://www.co2stats.com/propres.php?s=1138>
       * img: <http://ycombinator.com/images/s.gif> 15x1 ()
       * img: <http://ycombinator.com/images/hnsearch.png> x ()
       * img: <http://ycombinator.com/images/s.gif> 25x1 ()
       * img: <http://mixpanel.com/site_media/images/mixpanel_partner_logo_borderless.gif> x (Analytics by Mixpan.)
       
       Imports: (2)
       * link <http://ycombinator.com/news.css> (stylesheet)
       * link <http://ycombinator.com/favicon.ico> (shortcut icon)
       
       Links: (141)
       * a: <http://ycombinator.com> ()
       * a: <http://news.ycombinator.com/news> (Hacker News)
       * a: <http://news.ycombinator.com/newest> (new)
       * a: <http://news.ycombinator.com/newcomments> (comments)
       * a: <http://news.ycombinator.com/leaders> (leaders)
       * a: <http://news.ycombinator.com/jobs> (jobs)
       * a: <http://news.ycombinator.com/submit> (submit)
       * a: <http://news.ycombinator.com/x?fnid=JKhQjfU7gW> (login)
       * a: <http://news.ycombinator.com/vote?for=1094578&dir=up&whence=%6e%65%77%73> ()
       * a: <http://www.readwriteweb.com/archives/facebook_gets_faster_debuts_homegrown_php_compiler.php?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+readwriteweb+%28ReadWriteWeb%29&utm_content=Twitter> (Facebook speeds up PHP)
       * a: <http://news.ycombinator.com/user?id=mcxx> (mcxx)
       * a: <http://news.ycombinator.com/item?id=1094578> (9 comments)
       * a: <http://news.ycombinator.com/vote?for=1094649&dir=up&whence=%6e%65%77%73> ()
       * a: <http://groups.google.com/group/django-developers/msg/a65fbbc8effcd914> ("Tough. Django produces XHTML.")
       * a: <http://news.ycombinator.com/user?id=andybak> (andybak)
       * a: <http://news.ycombinator.com/item?id=1094649> (3 comments)
       * a: <http://news.ycombinator.com/vote?for=1093927&dir=up&whence=%6e%65%77%73> ()
       * a: <http://news.ycombinator.com/x?fnid=p2sdPLE7Ce> (More)
       * a: <http://news.ycombinator.com/lists> (Lists)
       * a: <http://news.ycombinator.com/rss> (RSS)
       * a: <http://ycombinator.com/bookmarklet.html> (Bookmarklet)
       * a: <http://ycombinator.com/newsguidelines.html> (Guidelines)
       * a: <http://ycombinator.com/newsfaq.html> (FAQ)
       * a: <http://ycombinator.com/newsnews.html> (News News)
       * a: <http://news.ycombinator.com/item?id=363> (Feature Requests)
       * a: <http://ycombinator.com> (Y Combinator)
       * a: <http://ycombinator.com/w2010.html> (Apply)
       * a: <http://ycombinator.com/lib.html> (Library)
       * a: <http://www.webmynd.com/html/hackernews.html> ()
       * a: <http://mixpanel.com/?from=yc> ()

## 3. 数据修改 ##

### 3.1 设置属性的值 ###

在解析一个Document之后可能想修改其中的某些属性值，然后再保存到磁盘或都输出到前台页面。

可以使用属性设置方法 [Element.attr(String key, String value)][Element.attr_String key_ String value], 和 [Elements.attr(String key, String value)][Elements.attr_String key_ String value].

假如你需要修改一个元素的 `class` 属性，可以使用 [Element.addClass(String className)][Element.addClass_String className] 和[Element.removeClass(String className)][Element.removeClass_String className] 方法。

[Elements][] 提供了批量操作元素属性和class的方法，比如：要为div中的每一个a元素都添加一个`rel="nofollow"` 可以使用如下方法：

doc.select("div.comments a").attr("rel", "nofollow");

说明：与[Element][] 中的其它方法一样，`attr` 方法也是返回当前 [Element][] (或在使用选择器是返回 [Elements][] 集合)。这样能够很方便使用方法连用的书写方式。比如：

doc.select("div.masthead").attr("title", "jsoup").addClass("round-box");

### 3.2 设置一个元素的HTML内容 ###

Element div = doc.select("div").first(); // <div></div>
       div.html("<p>lorem ipsum</p>"); // <div><p>lorem ipsum</p></div>
       div.prepend("<p>First</p>");//在div前添加html内容
       div.append("<p>Last</p>");//在div之后添加html内容
       // 添完后的结果: <div><p>First</p><p>lorem ipsum</p><p>Last</p></div>
       
       Element span = doc.select("span").first(); // <span>One</span>
       span.wrap("<li><a href='http://example.com/'></a></li>");
       // 添完后的结果: <li><a href="http://example.com"><span>One</span></a></li>

说明：

*  [Element.html(String html)][Element.html_String html] 这个方法将先清除元素中的HTML内容，然后用传入的HTML代替。
 *  [Element.prepend(String first)][Element.prepend_String first] 和 [Element.append(String last)][Element.append_String last] 方法用于在分别在元素内部HTML的前面和后面添加HTML内容
 *  [Element.wrap(String around)][Element.wrap_String around] 对元素包裹一个外部HTML内容。

### 3.3 设置元素的文本内容 ###

Element div = doc.select("div").first(); // <div></div>
       div.text("five > four"); // <div>five > four</div>
       div.prepend("First ");
       div.append(" Last");
       // now: <div>First five > four Last</div>

说明：   
文本设置方法与 [HTML setter][] 方法一样：

*  [Element.text(String text)][Element.text_String text] 将清除一个元素中的内部HTML内容，然后提供的文本进行代替
 *  [Element.prepend(String first)][Element.prepend_String first] 和 [Element.append(String last)][Element.append_String last] 将分别在元素的内部html前后添加文本节点。

对于传入的文本如果含有像 `<`, `>` 等这样的字符，将以文本处理，而非HTML。

## 4.HTML清理 ##

### 4.1 消除不受信任的HTML (防止XSS攻击) ###

在做网站的时候，经常会提供用户评论的功能。有些不怀好意的用户，会搞一些脚本到评论内容中，而这些脚本可能会破坏整个页面的行为，更严重的是获取一些机要信息，此时需要清理该HTML，以避免跨站脚本[cross-site scripting][]攻击（XSS）。   
使用jsoup HTML [Cleaner][] 方法进行清除，但需要指定一个可配置的 [Whitelist][]。

String unsafe = "<p><a href='http://example.com/' onclick='stealCookies()'>Link</a></p>";
       String safe = Jsoup.clean(unsafe, Whitelist.basic());
       // now: <p><a href="http://example.com/" rel="nofollow">Link</a></p>

说明：   
XSS又叫CSS (Cross Site Script) ，跨站脚本攻击。它指的是恶意攻击者往Web页面里插入恶意html代码，当用户浏览该页之时，嵌入其中Web里面的html代码会被执行，从而达到恶意攻击用户的特殊目的。XSS属于被动式的攻击，因为其被动且不好利用，所以许多人常忽略其危害性。所以我们经常只让用户输入纯文本的内容，但这样用户体验就比较差了。

一个更好的解决方法就是使用一个富文本编辑器WYSIWYG如[CKEditor][] 和 [TinyMCE][]。这些可以输出HTML并能够让用户可视化编辑。虽然他们可以在客户端进行校验，但是这样还不够安全，需要在服务器端进行校验并清除有害的HTML代码，这样才能确保输入到你网站的HTML是安全的。否则，攻击者能够绕过客户端的Javascript验证，并注入不安全的HMTL直接进入您的网站。

jsoup的whitelist清理器能够在服务器端对用户输入的HTML进行过滤，只输出一些安全的标签和属性。

jsoup提供了一系列的[Whitelist][]基本配置，能够满足大多数要求；但如有必要，也可以进行修改，不过要小心。

这个cleaner非常好用不仅可以避免XSS攻击，还可以限制用户可以输入的标签范围。

jsoup 使用一个 Whitelist 类用来对 HTML 文档进行过滤，该类提供几个常用方法：

### 4.2 whitelist常用方法 ###

API查看：[Whitelist][]

如果这五个过滤器都无法满足你的要求呢，例如你允许用户插入 flash 动画，没关系，Whitelist 提供扩展功能，例如 whitelist.addTags("embed","object","param","span","div"); 也可调用 addAttributes 为某些元素增加属性。

参考：

*  参阅[XSS cheat sheet][] ，有一个例子可以了解为什么不能使用正则表达式，而采用安全的whitelist parser-based清理器才是正确的选择。
 *  参阅[Cleaner][] ，了解如何返回一个 [Document][] 对象，而不是字符串
 *  参阅[Whitelist][]，了解如何创建一个自定义的whitelist
 *  [nofollow][] 链接属性了解

## 5.更多参考 ##

*  [select用法详解][select]
 *  [jsoup 总结][jsoup]

[Link 1]: http://baike.baidu.com/view/300107.htm
[MAVEN]: http://mvnrepository.com/artifact/org.jsoup/jsoup
[nodes package tree]: http://jsoup.org/apidocs/org/jsoup/nodes/package-tree.html
[Document]: http://jsoup.org/apidocs/org/jsoup/nodes/Document.html
[Element]: http://jsoup.org/apidocs/org/jsoup/nodes/Element.html
[Node]: http://jsoup.org/apidocs/org/jsoup/nodes/Node.html
[TextNode]: http://jsoup.org/apidocs/org/jsoup/nodes/TextNode.html
[Jsoup.parse_String html]: http://jsoup.org/apidocs/org/jsoup/Jsoup.html#parse%28java.lang.String%29
[Jsoup.parse_String html_ String baseUri]: http://jsoup.org/apidocs/org/jsoup/Jsoup.html#parse%28java.lang.String,%20java.lang.String%29
[parse_String html_ String baseUri]: http://jsoup.org/apidocs/org/jsoup/parser/Parser.html#parse%28java.lang.String,%20java.lang.String%29
[Jsoup.parseBodyFragment_String html]: http://jsoup.org/apidocs/org/jsoup/Jsoup.html#parseBodyFragment%28java.lang.String%29
[Document.body]: http://jsoup.org/apidocs/org/jsoup/nodes/Document.html#body%28%29
[Jsoup.connect_String url]: http://jsoup.org/apidocs/org/jsoup/Jsoup.html#connect%28java.lang.String%29
[Connection]: http://jsoup.org/apidocs/org/jsoup/Connection.html
[get]: http://jsoup.org/apidocs/org/jsoup/helper/HttpConnection.html#get%28%29
[parse_File in_ String charsetName]: http://jsoup.org/apidocs/org/jsoup/Jsoup.html#parse%28java.io.File,%20java.lang.String%29
[Jsoup.parse_File in_ String charsetName_ String baseUri]: http://jsoup.org/apidocs/org/jsoup/Jsoup.html#parse%28java.io.File,%20java.lang.String,%20java.lang.String%29
[Whitelist]: http://jsoup.org/apidocs/org/jsoup/safety/Whitelist.html
[clean_String bodyHtml_ Whitelist whitelist]: http://jsoup.org/apidocs/org/jsoup/Jsoup.html#clean%28java.lang.String,%20org.jsoup.safety.Whitelist%29
[Element.select_String selector]: http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#select%28java.lang.String%29
[Elements.select_String selector]: http://jsoup.org/apidocs/org/jsoup/select/Elements.html#select%28java.lang.String%29
[CSS]: http://www.w3.org/TR/2009/PR-css3-selectors-20091215/
[jquery]: http://jquery.com/
[Elements]: http://jsoup.org/apidocs/org/jsoup/select/Elements.html
[Selector]: http://jsoup.org/apidocs/org/jsoup/select/Selector.html
[Node.attr_String key]: http://jsoup.org/apidocs/org/jsoup/nodes/Node.html#attr%28java.lang.String%29
[Element.text]: http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#text%28%29
[Element.html]: http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#html%28%29
[Node.outerHtml]: http://jsoup.org/apidocs/org/jsoup/nodes/Node.html#outerHtml%28%29
[Element.id]: http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#id%28%29
[Element.tagName]: http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#tagName%28%29
[Element.className]: http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#className%28%29
[Element.hasClass_String className]: http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#hasClass%28java.lang.String%29
[Node.absUrl_String key]: http://jsoup.org/apidocs/org/jsoup/nodes/Node.html#absUrl%28java.lang.String%29
[Element.attr_String key_ String value]: http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#attr%28java.lang.String,%20java.lang.String%29
[Elements.attr_String key_ String value]: http://jsoup.org/apidocs/org/jsoup/select/Elements.html#attr%28java.lang.String,%20java.lang.String%29
[Element.addClass_String className]: http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#addClass%28java.lang.String%29
[Element.removeClass_String className]: http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#removeClass%28java.lang.String%29
[Element.html_String html]: http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#html%28java.lang.String%29
[Element.prepend_String first]: http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#prepend%28java.lang.String%29
[Element.append_String last]: http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#append%28java.lang.String%29
[Element.wrap_String around]: http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#wrap%28java.lang.String%29
[HTML setter]: http://jsoup.org/cookbook/modifying-data/set-html
[Element.text_String text]: http://jsoup.org/apidocs/org/jsoup/nodes/Element.html#text%28java.lang.String%29
[cross-site scripting]: http://en.wikipedia.org/wiki/Cross-site_scripting
[Cleaner]: http://jsoup.org/apidocs/org/jsoup/safety/Cleaner.html
[CKEditor]: http://ckeditor.com/
[TinyMCE]: http://tinymce.moxiecode.com/
[XSS cheat sheet]: http://ha.ckers.org/xss.html
[nofollow]: http://en.wikipedia.org/wiki/Nofollow
[select]: http://www.cnblogs.com/xiaoMzjm/p/3899366.html
[jsoup]: http://www.cnblogs.com/tomcattd/archive/2013/01/02/2842137.html