uTools-Manuals/docs/jQuery/text.html

<article class="" id="post-">
<header class="entry-header">
<h1 class="entry-title">.text()</h1>
<div class="entry-meta">
						所属分类：<span class="category"><a href="/category/manipulation/">DOM 操作</a> &gt; <a href="/category/manipulation/dom-insertion-inside/">DOM 插入现有元素内</a></span>
<span class="pull-right">英文文档：<a href="https://api.jquery123.com/text/" target="_blank">.text()</a></span>
</div><!-- .entry-meta -->
</header><!-- .entry-header -->
<!-- .entry-header -->
<div class="entry-content">
			    得到匹配元素集合中每个元素的文本内容结合，包括他们的后代，或设置匹配元素集合中每个元素的文本内容为指定的文本内容。<div class="toc">
<h4><span>Contents:</span></h4>
<ul class="toc-list">
<li>
<a href="#text1">.text()</a><ul><li>.text()</li></ul>
</li>
<li>
<a href="#text2">.text( textString )</a><ul>
<li>.text( textString )</li>
<li>.text( function(index, text) )</li>
</ul>
</li>
</ul>
</div><article class="entry method" id="text1"><h2 class="section-title">
<span class="name">.text()</span><span class="returns">返回: <a href="/Types/#String">String</a></span>
</h2>
<div class="entry-wrapper">
<p class="desc"><strong>描述: </strong>得到匹配元素集合中每个元素的合并文本，包括他们的后代</p>
<ul class="signatures"><li class="signature" id="text">
<h4 class="name">
<span class="version-details">添加的版本: <a href="/category/version/1.0/">1.0</a></span>.text()</h4>
<ul><li><div class="null-signature">这个方法不接受任何参数。/div&gt;
			
			<div class="longdesc" id="entry-longdesc">
<p>和 <code>.html()</code> 方法不同， <code>.text()</code> 在XML 和 HTML 文档中都能使用。<code>.text()</code> 方法返回一个字符串，包含所有匹配元素的合并文本。
			 （由于在不同的浏览器中的HTML解析器的变化，返回的文本中换行和其他空白可能会有所不同。）考虑下面的html：</p>
<div class="syntaxhighlighter xml nogutter">
<table>
<tbody>
<tr>
<td class="gutter">
<div class="line n1">1</div>
<div class="line n2">2</div>
<div class="line n3">3</div>
<div class="line n4">4</div>
<div class="line n5">5</div>
<div class="line n6">6</div>
<div class="line n7">7</div>
</td>
<td class="code">
<pre><div class="container"><div class="line"><code><span class="tag">&lt;<span class="title">div</span> <span class="attribute">class</span>=<span class="value">"demo-container"</span>&gt;</span></code></div></div><div class="container"><div class="line"><code>      <span class="tag">&lt;<span class="title">div</span> <span class="attribute">class</span>=<span class="value">"demo-box"</span>&gt;</span>Demonstration Box<span class="tag">&lt;/<span class="title">div</span>&gt;</span></code></div></div><div class="container"><div class="line"><code>  <span class="tag">&lt;<span class="title">ul</span>&gt;</span></code></div></div><div class="container"><div class="line"><code>  <span class="tag">&lt;<span class="title">li</span>&gt;</span>list item 1<span class="tag">&lt;/<span class="title">li</span>&gt;</span></code></div></div><div class="container"><div class="line"><code>  <span class="tag">&lt;<span class="title">li</span>&gt;</span>list <span class="tag">&lt;<span class="title">strong</span>&gt;</span>item<span class="tag">&lt;/<span class="title">strong</span>&gt;</span> 2<span class="tag">&lt;/<span class="title">li</span>&gt;</span></code></div></div><div class="container"><div class="line"><code>  <span class="tag">&lt;/<span class="title">ul</span>&gt;</span></code></div></div><div class="container"><div class="line"><code>  <span class="tag">&lt;/<span class="title">div</span>&gt;</span></code></div></div></pre>
</td>
</tr>
</tbody>
</table>
</div>
<p>代码<code>$('div.demo-container').text()</code> 将提供下面的结果:</p>
<p>
<code>Demonstration Box list item 1 list item 2</code>
</p>
<p><code>.text()</code> 方法不能使用在 input 元素或scripts元素上。 <code>input</code> 或 <code>textarea</code> 需要使用 <a href="/val">.val()</a> 方法获取或设置文本值。得到scripts元素的值，使用<a href="/html"><code>.html()</code></a>方法</p>
<p>从 jQuery 1.4开始， <code>.text()</code>方法返回文本内容和作为元素节点的CDATA 节点。</p>
</div>
<section class="entry-examples" id="entry-examples"><header><h2 class="underline">例子:</h2></header><div class="entry-example" id="example-0">
<h4><span class="desc">Find the text in the first paragraph (stripping out the html), then set the html of the last paragraph to show it is just text (the red bold is gone).</span></h4>
<div class="syntaxhighlighter xml ">
<table>
<tbody>
<tr>
<td class="gutter">
<div class="line n1">1</div>
<div class="line n2">2</div>
<div class="line n3">3</div>
<div class="line n4">4</div>
<div class="line n5">5</div>
<div class="line n6">6</div>
<div class="line n7">7</div>
<div class="line n8">8</div>
<div class="line n9">9</div>
<div class="line n10">10</div>
<div class="line n11">11</div>
<div class="line n12">12</div>
<div class="line n13">13</div>
<div class="line n14">14</div>
<div class="line n15">15</div>
<div class="line n16">16</div>
<div class="line n17">17</div>
<div class="line n18">18</div>
<div class="line n19">19</div>
</td>
<td class="code">
<pre><div class="container"><div class="line"><code><span class="doctype">&lt;!DOCTYPE html&gt;</span></code></div></div><div class="container"><div class="line"><code><span class="tag">&lt;<span class="title">html</span>&gt;</span></code></div></div><div class="container"><div class="line"><code><span class="tag">&lt;<span class="title">head</span>&gt;</span></code></div></div><div class="container"><div class="line"><code>  <span class="tag">&lt;<span class="title">style</span>&gt;</span><span class="css"></span></code></div></div><div class="container"><div class="line"><code>  <span class="tag">p</span> <span class="rules">{ <span class="rule"><span class="attribute">color</span>:<span class="value">blue;</span></span> <span class="rule"><span class="attribute">margin</span>:<span class="value"><span class="number">8</span>px;</span></span> <span class="rule">}</span></span></code></div></div><div class="container"><div class="line"><code>  <span class="tag">b</span> <span class="rules">{ <span class="rule"><span class="attribute">color</span>:<span class="value">red;</span></span> <span class="rule">}</span></span></code></div></div><div class="container"><div class="line"><code>  <span class="tag">&lt;/<span class="title">style</span>&gt;</span></code></div></div><div class="container"><div class="line"><code>  <span class="tag">&lt;<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"https://code.jquery.com/jquery-latest.js"</span>&gt;</span><span class="javascript"></span><span class="tag">&lt;/<span class="title">script</span>&gt;</span></code></div></div><div class="container"><div class="line"><code><span class="tag">&lt;/<span class="title">head</span>&gt;</span></code></div></div><div class="container"><div class="line"><code><span class="tag">&lt;<span class="title">body</span>&gt;</span></code></div></div><div class="container"><div class="line"><code>  <span class="tag">&lt;<span class="title">p</span>&gt;</span><span class="tag">&lt;<span class="title">b</span>&gt;</span>Test<span class="tag">&lt;/<span class="title">b</span>&gt;</span> Paragraph.<span class="tag">&lt;/<span class="title">p</span>&gt;</span></code></div></div><div class="container"><div class="line"><code>  <span class="tag">&lt;<span class="title">p</span>&gt;</span><span class="tag">&lt;/<span class="title">p</span>&gt;</span></code></div></div><div class="container"><div class="line"><code><span class="tag">&lt;<span class="title">script</span>&gt;</span><span class="javascript"></span></code></div></div><div class="container"><div class="line"><code><span class="keyword">var</span> str = $(<span class="string">"p:first"</span>).text();</code></div></div><div class="container"><div class="line"><code>$(<span class="string">"p:last"</span>).html(str);</code></div></div><div class="container"><div class="line"><code><span class="tag">&lt;/<span class="title">script</span>&gt;</span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag">&lt;/<span class="title">body</span>&gt;</span></code></div></div><div class="container"><div class="line"><code><span class="tag">&lt;/<span class="title">html</span>&gt;</span></code></div></div></pre>
</td>
</tr>
</tbody>
</table>
</div>
<h4>Demo:</h4>
<div class="demo code-demo"></div>
</div></section>
</div><article class="entry method" id="text2"><h2 class="section-title">
<span class="name">.text( textString )</span><span class="returns">返回: <a href="/Types/#jQuery">jQuery</a></span>
</h2>
<div class="entry-wrapper">
<p class="desc"><strong>描述: </strong>设置匹配元素集合中每个元素的文本内容为指定的文本内容。</p>
<ul class="signatures">
<li class="signature" id="text-textString">
<h4 class="name">
<span class="version-details">添加的版本: <a href="/category/version/1.0/">1.0</a></span>.text( textString )</h4>
<ul><li>
<div><strong>textString</strong></div>
<div>类型: <a href="/Types/#String">String</a>
</div>
<div>用于设置匹配元素内容的文本</div>
</li></ul>
</li>
<li class="signature" id="text-functionindex--text">
<h4 class="name">
<span class="version-details">添加的版本: <a href="/category/version/1.4/">1.4</a></span>.text( function(index, text) )</h4>
<ul><li>
<div><strong>function(index, text)</strong></div>
<div>类型: <a href="/Types/#Function">Function</a>()</div>
<div>用来返回设置文本内容的一个函数。接收元素的索引位置和文本值作为参数。</div>
</li></ul>
</li>
</ul>
<div class="longdesc" id="entry-longdesc-1">
<p>和 <code>.html()</code> 方法不同， <code>.text()</code> 在XML 和 HTML 文档中都能使用。 </p>
<p>我们必须意识到这种方法提供了必要的字符串从提供的正确的HTML中脱离出来。这样做， 他调用DOM 方法 <code>.createTextNode()</code>, 一种替代的特殊字符与HTML对应（比如<code>&lt;</code> 替换为 <code>&amp;lt;</code>  )方法。考虑下面的html：</p>
<div class="syntaxhighlighter xml nogutter">
<table>
<tbody>
<tr>
<td class="gutter">
<div class="line n1">1</div>
<div class="line n2">2</div>
<div class="line n3">3</div>
<div class="line n4">4</div>
<div class="line n5">5</div>
<div class="line n6">6</div>
<div class="line n7">7</div>
</td>
<td class="code">
<pre><div class="container"><div class="line"><code><span class="tag">&lt;<span class="title">div</span> <span class="attribute">class</span>=<span class="value">"demo-container"</span>&gt;</span></code></div></div><div class="container"><div class="line"><code>  <span class="tag">&lt;<span class="title">div</span> <span class="attribute">class</span>=<span class="value">"demo-box"</span>&gt;</span>Demonstration Box<span class="tag">&lt;/<span class="title">div</span>&gt;</span></code></div></div><div class="container"><div class="line"><code>  <span class="tag">&lt;<span class="title">ul</span>&gt;</span></code></div></div><div class="container"><div class="line"><code>    <span class="tag">&lt;<span class="title">li</span>&gt;</span>list item 1<span class="tag">&lt;/<span class="title">li</span>&gt;</span></code></div></div><div class="container"><div class="line"><code>    <span class="tag">&lt;<span class="title">li</span>&gt;</span>list <span class="tag">&lt;<span class="title">strong</span>&gt;</span>item<span class="tag">&lt;/<span class="title">strong</span>&gt;</span> 2<span class="tag">&lt;/<span class="title">li</span>&gt;</span></code></div></div><div class="container"><div class="line"><code>  <span class="tag">&lt;/<span class="title">ul</span>&gt;</span></code></div></div><div class="container"><div class="line"><code><span class="tag">&lt;/<span class="title">div</span>&gt;</span></code></div></div></pre>
</td>
</tr>
</tbody>
</table>
</div>
<p><code>$('div.demo-container').text('&lt;p&gt;This is a test.&lt;/p&gt;');</code>代码语句将输出以下 DOM :</p>
<div class="syntaxhighlighter xml nogutter">
<table>
<tbody>
<tr>
<td class="gutter">
<div class="line n1">1</div>
<div class="line n2">2</div>
<div class="line n3">3</div>
</td>
<td class="code">
<pre><div class="container"><div class="line"><code><span class="tag">&lt;<span class="title">div</span> <span class="attribute">class</span>=<span class="value">"demo-container"</span>&gt;</span></code></div></div><div class="container"><div class="line"><code>&amp;lt;p&amp;gt;This is a test.&amp;lt;/p&amp;gt;</code></div></div><div class="container"><div class="line"><code><span class="tag">&lt;/<span class="title">div</span>&gt;</span></code></div></div></pre>
</td>
</tr>
</tbody>
</table>
</div>
<p>它会出现在渲染的页面上就好像标签被暴露，像这样：</p>
<div class="syntaxhighlighter xml nogutter">
<table>
<tbody>
<tr>
<td class="gutter">
<div class="line n1">1</div>
</td>
<td class="code">
<pre><div class="container"><div class="line"><code><span class="tag">&lt;<span class="title">p</span>&gt;</span>This is a test<span class="tag">&lt;/<span class="title">p</span>&gt;</span></code></div></div></pre>
</td>
</tr>
</tbody>
</table>
</div>
<p><code>.text()</code> 方法不能使用在 input 元素上。 输入的文本需要使用 <a href="/val">.val()</a> 方法。</p>
<p>从 jQuery 1.4开始， <code>.text()</code>方法允许我们通过函数来传递文本内容。</p>
<div class="syntaxhighlighter javascript nogutter">
<table>
<tbody>
<tr>
<td class="gutter">
<div class="line n1">1</div>
<div class="line n2">2</div>
<div class="line n3">3</div>
</td>
<td class="code">
<pre><div class="container"><div class="line"><code>$(<span class="string">'ul li'</span>).text(<span class="keyword">function</span>(index) {</code></div></div><div class="container"><div class="line"><code>  <span class="keyword">return</span> <span class="string">'item number '</span> + (index + <span class="number">1</span>);</code></div></div><div class="container"><div class="line"><code>});</code></div></div></pre>
</td>
</tr>
</tbody>
</table>
</div>
<p>给定一个拥有3个<code>&lt;li&gt;</code>元素，在这个例子中将输出下面的DOM：</p>
<div class="syntaxhighlighter xml nogutter">
<table>
<tbody>
<tr>
<td class="gutter">
<div class="line n1">1</div>
<div class="line n2">2</div>
<div class="line n3">3</div>
<div class="line n4">4</div>
<div class="line n5">5</div>
</td>
<td class="code">
<pre><div class="container"><div class="line"><code><span class="tag">&lt;<span class="title">ul</span>&gt;</span></code></div></div><div class="container"><div class="line"><code>  <span class="tag">&lt;<span class="title">li</span>&gt;</span>item number 1<span class="tag">&lt;/<span class="title">li</span>&gt;</span></code></div></div><div class="container"><div class="line"><code>  <span class="tag">&lt;<span class="title">li</span>&gt;</span>item number 2<span class="tag">&lt;/<span class="title">li</span>&gt;</span></code></div></div><div class="container"><div class="line"><code>  <span class="tag">&lt;<span class="title">li</span>&gt;</span>item number 3<span class="tag">&lt;/<span class="title">li</span>&gt;</span></code></div></div><div class="container"><div class="line"><code><span class="tag">&lt;/<span class="title">ul</span>&gt;</span></code></div></div></pre>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<section class="entry-examples" id="entry-examples-1"><header><h2 class="underline">例子:</h2></header><div class="entry-example" id="example-1-0">
<h4><span class="desc">在段落中添加文本。注意这个<code>&lt;b&gt;</code>标签将从HTML中脱离出来。
			
			</span></h4>
<div class="syntaxhighlighter xml ">
<table>
<tbody>
<tr>
<td class="gutter">
<div class="line n1">1</div>
<div class="line n2">2</div>
<div class="line n3">3</div>
<div class="line n4">4</div>
<div class="line n5">5</div>
<div class="line n6">6</div>
<div class="line n7">7</div>
<div class="line n8">8</div>
<div class="line n9">9</div>
<div class="line n10">10</div>
<div class="line n11">11</div>
<div class="line n12">12</div>
<div class="line n13">13</div>
<div class="line n14">14</div>
<div class="line n15">15</div>
</td>
<td class="code">
<pre><div class="container"><div class="line"><code><span class="doctype">&lt;!DOCTYPE html&gt;</span></code></div></div><div class="container"><div class="line"><code><span class="tag">&lt;<span class="title">html</span>&gt;</span></code></div></div><div class="container"><div class="line"><code><span class="tag">&lt;<span class="title">head</span>&gt;</span></code></div></div><div class="container"><div class="line"><code>  <span class="tag">&lt;<span class="title">style</span>&gt;</span><span class="css"></span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code>  <span class="tag">p</span> <span class="rules">{ <span class="rule"><span class="attribute">color</span>:<span class="value">blue;</span></span> <span class="rule"><span class="attribute">margin</span>:<span class="value"><span class="number">8</span>px;</span></span> <span class="rule">}</span></span></code></div></div><div class="container"><div class="line"><code>  <span class="tag">&lt;/<span class="title">style</span>&gt;</span></code></div></div><div class="container"><div class="line"><code>  <span class="tag">&lt;<span class="title">script</span> <span class="attribute">src</span>=<span class="value">"https://code.jquery.com/jquery-latest.js"</span>&gt;</span><span class="javascript"></span><span class="tag">&lt;/<span class="title">script</span>&gt;</span></code></div></div><div class="container"><div class="line"><code><span class="tag">&lt;/<span class="title">head</span>&gt;</span></code></div></div><div class="container"><div class="line"><code><span class="tag">&lt;<span class="title">body</span>&gt;</span></code></div></div><div class="container"><div class="line"><code>  <span class="tag">&lt;<span class="title">p</span>&gt;</span>Test Paragraph.<span class="tag">&lt;/<span class="title">p</span>&gt;</span></code></div></div><div class="container"><div class="line"><code><span class="tag">&lt;<span class="title">script</span>&gt;</span><span class="javascript">$(<span class="string">"p"</span>).text(<span class="string">"&lt;b&gt;Some&lt;/b&gt; new text."</span>);</span><span class="tag">&lt;/<span class="title">script</span>&gt;</span></code></div></div><div class="container"><div class="line"><code> </code></div></div><div class="container"><div class="line"><code><span class="tag">&lt;/<span class="title">body</span>&gt;</span></code></div></div><div class="container"><div class="line"><code><span class="tag">&lt;/<span class="title">html</span>&gt;</span></code></div></div></pre>
</td>
</tr>
</tbody>
</table>
</div>
<h4>Demo:</h4>
<div class="demo code-demo"></div>
</div></section>
</div></article> </li></ul></li></ul></div>
</article><!-- #post-<?php the_ID(); ?> -->
</div>
<div class="widget-area" id="sidebar" role="complementary">
<aside class="widget" id="categories">
<ul>
<li class="cat-item cat-item-0">
<a href="/category/ajax/">Ajax</a>
<ul class="children">
<li class="cat-item cat-item-0">
<a href="/category/ajax/global-ajax-event-handlers/">全局 Ajax 事件处理器</a>
</li>
<li class="cat-item cat-item-1">
<a href="/category/ajax/helper-functions/">辅助函数</a>
</li>
<li class="cat-item cat-item-2">
<a href="/category/ajax/low-level-interface/">底层接口</a>
</li>
<li class="cat-item cat-item-3">
<a href="/category/ajax/shorthand-methods/">快捷方法</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-1">
<a href="/category/attributes/">DOM 属性</a>
</li>
<li class="cat-item cat-item-2">
<a href="/category/callbacks-object/">回调对象</a>
</li>
<li class="cat-item cat-item-3">
<a href="/category/core/">核心 API</a>
</li>
<li class="cat-item cat-item-4">
<a href="/category/css/">CSS</a>
</li>
<li class="cat-item cat-item-5">
<a href="/category/data/">数据操作</a>
</li>
<li class="cat-item cat-item-6">
<a href="/category/deferred-object/">延迟对象</a>
</li>
<li class="cat-item cat-item-7">
<a href="/category/deprecated/">弃用</a>
<ul class="children">
<li class="cat-item cat-item-0">
<a href="/category/deprecated/deprecated-1.3/">1.3 版本弃用的 API</a>
</li>
<li class="cat-item cat-item-1">
<a href="/category/deprecated/deprecated-1.4/">1.4 版本弃用的 API</a>
</li>
<li class="cat-item cat-item-2">
<a href="/category/deprecated/deprecated-1.7/">1.7 版本弃用的 API</a>
</li>
<li class="cat-item cat-item-3">
<a href="/category/deprecated/deprecated-1.8/">1.8 版本弃用的 API</a>
</li>
<li class="cat-item cat-item-4">
<a href="/category/deprecated/deprecated-1.9/">1.9 版本弃用的 API</a>
</li>
<li class="cat-item cat-item-5">
<a href="/category/deprecated/deprecated-1.10/">1.10 版本弃用的 API</a>
</li>
<li class="cat-item cat-item-6">
<a href="/category/deprecated/deprecated-3.0/">3.0 版本弃用的 API</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-8">
<a href="/category/dimensions/">尺寸</a>
</li>
<li class="cat-item cat-item-9">
<a href="/category/effects/">特效</a>
<ul class="children">
<li class="cat-item cat-item-0">
<a href="/category/effects/basics/">基本特效</a>
</li>
<li class="cat-item cat-item-1">
<a href="/category/effects/custom-effects/">自定义</a>
</li>
<li class="cat-item cat-item-2">
<a href="/category/effects/fading/">渐变</a>
</li>
<li class="cat-item cat-item-3">
<a href="/category/effects/sliding/">滑动</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-10">
<a href="/category/events/">事件</a>
<ul class="children">
<li class="cat-item cat-item-0">
<a href="/category/events/browser-events/">浏览器事件</a>
</li>
<li class="cat-item cat-item-1">
<a href="/category/events/document-loading/">文档加载</a>
</li>
<li class="cat-item cat-item-2">
<a href="/category/events/event-handler-attachment/">绑定事件处理器</a>
</li>
<li class="cat-item cat-item-3">
<a href="/category/events/event-object/">事件对象</a>
</li>
<li class="cat-item cat-item-4">
<a href="/category/events/form-events/">表单事件</a>
</li>
<li class="cat-item cat-item-5">
<a href="/category/events/keyboard-events/">键盘事件</a>
</li>
<li class="cat-item cat-item-6">
<a href="/category/events/mouse-events/">鼠标事件</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-11">
<a href="/category/forms/">表单</a>
</li>
<li class="cat-item cat-item-12">
<a href="/category/internals/">内部函数</a>
</li>
<li class="cat-item cat-item-13">
<a href="/category/manipulation/">DOM 操作</a>
<ul class="children">
<li class="cat-item cat-item-0">
<a href="/category/manipulation/class-attribute/">class 属性</a>
</li>
<li class="cat-item cat-item-1">
<a href="/category/manipulation/copying/">复制元素</a>
</li>
<li class="cat-item cat-item-2">
<a href="/category/manipulation/dom-insertion/">DOM 插入</a>
</li>
<li class="cat-item cat-item-3">
<a href="/category/manipulation/dom-insertion-around/">DOM 插入并包裹现有内容</a>
</li>
<li class="cat-item cat-item-4">
<a href="/category/manipulation/dom-insertion-inside/">DOM 插入现有元素内</a>
</li>
<li class="cat-item cat-item-5">
<a href="/category/manipulation/dom-insertion-outside/">DOM 插入现有元素外</a>
</li>
<li class="cat-item cat-item-6">
<a href="/category/manipulation/dom-removal/">DOM 移除</a>
</li>
<li class="cat-item cat-item-7">
<a href="/category/manipulation/dom-replacement/">DOM 替换</a>
</li>
<li class="cat-item cat-item-8">
<a href="/category/manipulation/general-attributes/">通用属性操作</a>
</li>
<li class="cat-item cat-item-9">
<a href="/category/manipulation/style-properties/">CSS 属性</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-14">
<a href="/category/miscellaneous/">杂项</a>
<ul class="children">
<li class="cat-item cat-item-0">
<a href="/category/miscellaneous/collection-manipulation/">集合操作</a>
</li>
<li class="cat-item cat-item-1">
<a href="/category/miscellaneous/data-storage/">数据存储</a>
</li>
<li class="cat-item cat-item-2">
<a href="/category/miscellaneous/dom-element-methods/">DOM 元素方法</a>
</li>
<li class="cat-item cat-item-3">
<a href="/category/miscellaneous/setup-methods/">设置</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-15">
<a href="/category/offset/">偏移</a>
</li>
<li class="cat-item cat-item-16">
<a href="/category/properties/">内部属性</a>
<ul class="children">
<li class="cat-item cat-item-0">
<a href="/category/properties/jquery-object-instance-properties/">jQuery 对象实例的属性</a>
</li>
<li class="cat-item cat-item-1">
<a href="/category/properties/global-jquery-object-properties/">全局 jQuery 对象的属性</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-17">
<a href="/category/removed/">已删除的函数</a>
</li>
<li class="cat-item cat-item-18">
<a href="/category/selectors/">选择器</a>
<ul class="children">
<li class="cat-item cat-item-0">
<a href="/category/selectors/attribute-selectors/">属性选择器</a>
</li>
<li class="cat-item cat-item-1">
<a href="/category/selectors/basic-css-selectors/">基础选择器</a>
</li>
<li class="cat-item cat-item-2">
<a href="/category/selectors/basic-filter-selectors/">基础过滤</a>
</li>
<li class="cat-item cat-item-3">
<a href="/category/selectors/child-filter-selectors/">子元素过滤</a>
</li>
<li class="cat-item cat-item-4">
<a href="/category/selectors/content-filter-selector/">内容过滤</a>
</li>
<li class="cat-item cat-item-5">
<a href="/category/selectors/form-selectors/">表单</a>
</li>
<li class="cat-item cat-item-6">
<a href="/category/selectors/hierarchy-selectors/">层级</a>
</li>
<li class="cat-item cat-item-7">
<a href="/category/selectors/jquery-selector-extensions/">jQuery 扩展</a>
</li>
<li class="cat-item cat-item-8">
<a href="/category/selectors/visibility-filter-selectors/">可见性过滤</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-19">
<a href="/category/traversing/">遍历</a>
<ul class="children">
<li class="cat-item cat-item-0">
<a href="/category/traversing/filtering/">过滤</a>
</li>
<li class="cat-item cat-item-1">
<a href="/category/traversing/miscellaneous-traversal/">其它遍历</a>
</li>
<li class="cat-item cat-item-2">
<a href="/category/traversing/tree-traversal/">树遍历</a>
</li>
</ul>
</li>
<li class="cat-item cat-item-20">
<a href="/category/uncategorized/">未归类</a>
</li>
<li class="cat-item cat-item-21">
<a href="/category/utilities/">工具类</a>
</li>
<li class="cat-item cat-item-22">
<a href="/category/version/">版本</a>
<ul class="children">
<li class="cat-item cat-item-0">
<a href="/category/version/1.0/">1.0 版本</a>
</li>
<li class="cat-item cat-item-1">
<a href="/category/version/1.0.4/">1.0.4 版本</a>
</li>
<li class="cat-item cat-item-2">
<a href="/category/version/1.1/">1.1 版本</a>
</li>
<li class="cat-item cat-item-3">
<a href="/category/version/1.1.2/">1.1.2 版本</a>
</li>
<li class="cat-item cat-item-4">
<a href="/category/version/1.1.3/">1.1.3 版本</a>
</li>
<li class="cat-item cat-item-5">
<a href="/category/version/1.1.4/">1.1.4 版本</a>
</li>
<li class="cat-item cat-item-6">
<a href="/category/version/1.2/">1.2 版本</a>
</li>
<li class="cat-item cat-item-7">
<a href="/category/version/1.2.3/">1.2.3 版本</a>
</li>
<li class="cat-item cat-item-8">
<a href="/category/version/1.2.6/">1.2.6 版本</a>
</li>
<li class="cat-item cat-item-9">
<a href="/category/version/1.3/">1.3 版本</a>
</li>
<li class="cat-item cat-item-10">
<a href="/category/version/1.4/">1.4 版本</a>
</li>
<li class="cat-item cat-item-11">
<a href="/category/version/1.4.1/">1.4.1 版本</a>
</li>
<li class="cat-item cat-item-12">
<a href="/category/version/1.4.2/">1.4.2 版本</a>
</li>
<li class="cat-item cat-item-13">
<a href="/category/version/1.4.3/">1.4.3 版本</a>
</li>
<li class="cat-item cat-item-14">
<a href="/category/version/1.4.4/">1.4.4 版本</a>
</li>
<li class="cat-item cat-item-15">
<a href="/category/version/1.5/">1.5 版本</a>
</li>
<li class="cat-item cat-item-16">
<a href="/category/version/1.5.1/">1.5.1 版本</a>
</li>
<li class="cat-item cat-item-17">
<a href="/category/version/1.6/">1.6 版本</a>
</li>
<li class="cat-item cat-item-18">
<a href="/category/version/1.7/">1.7 版本</a>
</li>
<li class="cat-item cat-item-19">
<a href="/category/version/1.8/">1.8 版本</a>
</li>
<li class="cat-item cat-item-20">
<a href="/category/version/1.9/">1.9 版本</a>
</li>
<li class="cat-item cat-item-21">
<a href="/category/version/1.12-2.2/">Version 1.12 &amp; 2.2</a>
</li>
<li class="cat-item cat-item-22">
<a href="/category/version/3.0/">Version 3.0</a>
</li>
<li class="cat-item cat-item-23">
<a href="/category/version/3.1/">Version 3.1</a>
</li>
<li class="cat-item cat-item-24">
<a href="/category/version/all/">All</a>
</li>
</ul>
</li>
</ul>
</aside>
</div>
</article>