示例：复制的代码如下： html xmns=' http://www.w3.org/1999/XHTML' head title jquery wrapper/title script type=' text/JavaScript ' src=' http : jquery-1 . 3 . 2 . js '/script script type=' text/JavaScript ' $(function(){ $(' pI am一条红线。/p ')。css('颜色'，'红色')。appendo(' # foo ')；});/script/head body div id=' foo '/div/body/html $创建一个p元素的打包元素，它与上面提到的选择器选择的元素相同。还可以调用jQuery的一些方法，最后使用appendTo(稍后介绍)将这个元素移入div。最终结果是：。

下面描述了对包装集进行操作的函数。1.html()，html(文本)。第一个函数返回包装器集中第一个元素的内部html，第二个函数将包装器集中所有元素的内部html设置为text。2.size().返回包装集中包含的元素。get()，get(n).第一个函数将包装器集合中的HTML元素作为javascript数组返回，第二个元素返回第n个HTML元素。4 .索引。返回传入的HTML元素elem在包装集中的位置。如果它不在包装集中，则返回-1。5.添加，添加，添加(数组)。添加功能用于向包装集添加元素。如果是选择器，添加所有选中的元素；如果是HTML片段，根据这个片段创建一个HTML元素，并添加这个元素；如果是HTML元素或者HTML元素的数组，直接添加。6.不是(表达式)，是过滤器(表达式)。这两个函数用于过滤包装集的元素。表达式可以是字符串(选择器)、html元素或元素数组。not函数移除与选择器匹配的元素或数组中包含的元素。相反，filter保留符合选择器的元素或数组中包含的元素。7.slice(begin，end)这个函数返回一个新创建的包装器集，它的内容是从原始包装器集开始到结束的元素。省略End表示最大长度。让我们从几个例子开始。复制的代码如下： html XMLNS=' http://www.w3.org/1999/XHTML' head title jquery wrapper/title script type=' text/JavaScript ' src=' http 3360 jquery-1 . 3 . 2 . js '/script script type=' text/JavaScript ' $(function(){ $(' span '))。html($('li ')。size())；$('li ')。不是(' li:first ')。添加(' p:first ')。css('颜色'，'红色')；$('li ')。获取(0)。内部HTML=“第一个特殊项目”；$('p:last ')。html($('li ')。html())；});/脚本/头体/第一项/li第二项/li第三项/li第四项/li第五项/li /ul pI是一个孤独的p/p p UL有跨度/跨度元素的第一行。/p span hello jquery。/span p/p/body/html演示html的用法和大小。根据上面的介绍，两个跨度中的内容都应该变成5。第二行演示了not和add的用法。最终，最后四个li和第一个p会变成红色。第三行演示get的用法。一旦调用get，返回值就不是包装元素而是HTML元素，所以可以使用HTML DOM提供的方法来设置innerHTML。最后一行仍然演示了html()的用法。请注意，html()返回第一个元素的内部内容，但是html(text)将所有元素的内容设置为文本。最终结果如下：。

9.这是一类非常有用的函数，可以根据位置关系过滤元素。Children()返回打包集中元素的子元素(子元素，不计算下层)。contents()返回包装集内容的包装集，该包装集可能有一个文本节点(这个包装集是特殊的，这将在下面描述)。next()包装集元素中不重复的下一个元素。All()包装集合元素中的所有nextAll元素。Parent()打包集中具有非重复元素的父元素的打包集parents()与上面相同，但它向上到达文档根元素(不包括根元素)，prev()类似于next()，所有非重复的前一个元素prevAll()都属于nextAll()类型，所有前一个元素的同级()都是打包集中的非重复同级元素。看看前两个函数之间的区别，HTML代码仍然使用前面的例子。js脚本如下： Copy代码如下： $(function(){ var ul=$(' ul 3360 first ')；$(“p span”)。html(ul.children()。size())；var content=ul . contents()；alert(content . size())；});children()返回的包装集数量是6，这意味着最后一个嵌套的ul只被算作一个元素。但是contents()返回的包装集数量高达13个。用调试器检查其内容：。

它与子节点的区别在于它包含大量的text节点，其中只包含一行空的Text节点。看看下一个和下一个所有的方法，仍然使用上面的HTML代码。js的步骤如下：复制代码如下： $(function(){ $(' span : last ')。html ($ ('ul ')。下一个()。html())；$('p:last ')。html($('ul ')。nextAll()。size())；});ul的下一个元素应该是我是一个孤独的p。接下来有4个元素。结果是：。

其他功能相似，不再举例说明。10.find find方法和filter方法很容易混淆，还会传递一个选择器来过滤包装器集中的元素。但是，find筛选包装器集中元素的子元素，filter筛选包装器集中的元素。下面将给出一个例子。1cloneclone方法返回包装集的副本。示例：复制代码如下： html xmns=' http://www.w3.org/1999/XHTML' head title jquery wrapper/title script type=' text/JavaScript ' src=' http : jquery-1 . 3 . 2 . js '/script script type=' text/JavaScript ' $(function(){ $(' body ')。儿童()。过滤器(' p:first ')。css('颜色'，'红色')。appendo(' # container ')；$(“body”)。儿童()。查找(' p ')。css('颜色'，'绿色')。appendo(' # container ')；$('p:last ')。克隆()。css('颜色'，'红色')。appendo(' body ')；});/script/head body pi是一个孤独的p/p div ul有p个内部p/p元素。/div p hello jquery。/p div id=' container '/div/body/html这是一个有趣的例子。第一行过滤掉第一个p，使其变成红色，然后移动到最后一个div。第二行过滤掉包集中包含的P，将其设置为绿色，并将其移动到最后一个div。注意这里，此时有两个被这句话过滤掉的P，一个是Inner P，另一个是我是被第一句话感动到最后一个div的孤独P。然后把这两个元素加到最后一个div，因为内部ERP本身就在这个div里面，就相当于不动了。最后，复制最后一个p，设置为红色，并添加到正文末尾。所以最后的页面和颜色如下：。

最后介绍了链接链的管理。所谓的串联链也反映在上面的例子中，也就是说，每次调用jQuery方法时，它都会返回一个包装器集，作为下一个方法的调用方，它会形成一个链。在此过程中，可能会生成新的包装器集(例如调用clone())方法。在链接链中，如果调用end方法，则返回最后一个包装集；如果调用andSelf方法，当前和最后一个包装器集将合并为一个包装器集并返回。可以想象，jQuery将这些串联的包装器存储在一个堆栈中。下面这个简单的例子说明了上面的原理：复制代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML L1/DTD/XHTML L1-transition . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML ' head titlejQuery Wrapper/title脚本类型=' text/JavaScript ' src=' http 3360 jquery-1 . 3 . 2 . js '/脚本类型='find('p:lt(2)')。css('color '，' red ')；$(“div : eq(1)”)。find('p:lt(2)')。end()。css('color '，' blue ')；$(“div : eq(2)”)。查找(' p:last ')。prev()。andSelf()。css('颜色'，'绿色')；});/script/head body div pdiv 1 P1/p pdiv 1 p2/p pdiv 1 P3/p/div pdiv 2 P1/p pdiv 2 p2/p pdiv 2 P3/p/div pdiv 3 P1/p pdiv 3 p2/p pdiv 3 P3/p/div/body/html