当前位置：首页 > 资讯 > 技术文档

jQuery 第二课操作包装集元素代码

时间：2022-10-21 06:48 编辑：来源：阅读：
扫一扫，手机访问

摘要：jQuery 第二课操作包装集元素代码

例如：

[url=http://www.1sucai.cn/upload/2010-3/20100314165050870.png][img]http://files.jb51.net/upload/2010-3/20100314165050739.png[/img] [/url] 下面介绍对包装集操作的函数。 1. html(),html(text). 第一个函数返回包装集[b]第一个[/b]元素内部的html，第二个函数将包装集中的[b]所有[/b]元素的内部html设置为text。 2.size()。返回包装集包含的元素。 3.get(),get(n)。第一个函数将包装集合内的HTML元素以javascript数组的形式返回，第二个元素返回第n个HTML元素。 4.index(elem). 返回传入的HTML元素elem在包装集中的位置。如果不在包装集中，则返回-1。 5.add(s),add(elem),add(array). add函数用于向包装集中添加元素。如果是选择器，则添加所有被选中的元素，如果是HTML片段，则根据此片段创建HTML元素并添加此元素；如果是HTML元素或者HTML元素的数组，则直接添加。 6. not(expression),filter(expression). 这两个函数是用来筛选包装集的元素的。expression可以是一个字符串（选择符），或者是html元素或者元素数组。not函数除去符合选择符的元素或者包含在数组中的元素。filter则相反，留下符合选择符的元素或者包含在数组中的元素。 7.slice(begin,end) 这个函数返回的是一个新建的包装集，内容是原包装集从第begin到第end个元素。end省略则表示最大长度。先来看几个例子。

[url=http://www.1sucai.cn/upload/2010-3/20100314165050485.png][img]http://files.jb51.net/upload/2010-3/20100314165050333.png[/img] [/url] 9. 这是一大类非常有用的函数，可以根据位置关系筛选元素。

children()	返回包装集内元素的子元素（儿子元素，往下多层的不算）
contents()	返回包装集的内容的包装集，可能有文本节点（这个包装集有些特殊，下面介绍）
next()	包装集元素中不重复的下一个元素。
nextAll()	包装集元素中所有的下一个元素。
parent()	包装集中元素不重复的父元素的包装集
parents()	同上，但是一直向上追溯到文档根元素（不包括根元素）
prev()	类似next()，所有不重复的前一个元素
prevAll()	类型nextAll(),所有前一个元素
siblings()	包装集中所有不重复的兄弟元素。

先看前两个函数的区别，HTML代码还是用上一个例子的，js脚本如下:

[url=http://www.1sucai.cn/upload/2010-3/20100314165050954.png][img]http://files.jb51.net/upload/2010-3/20100314165051243.png[/img] [/url] 它和children的区别就是包含了大量的Text节点，包括仅仅是一个空行的文本节点。再看next和nextAll方法，仍然使用上面的HTML的代码，js脚步如下:

[url=http://www.1sucai.cn/upload/2010-3/20100314165051428.png][img]http://files.jb51.net/upload/2010-3/20100314165051551.png[/img] [/url] 其他函数使用类似，不再举例。 10.find find方法和filter方法很容易混淆，同样也是传入一个选择符筛选包装集中的元素。不过find筛选的是包装集内元素的子元素，filter是筛选的包装集内的元素。下面会举一个例子。 11 clone clone方法返回一个包装集的副本。例子：

[url=http://www.1sucai.cn/upload/2010-3/20100314165051589.png][img]http://files.jb51.net/upload/2010-3/20100314165051527.png[/img] [/url] 最后介绍连缀链的管理。所谓连缀链，上面的例子也有体现，就是每调用一个jQuery方法它都返回一个包装集，这个包装集作为下一个方法的调用者，构成一个链。在这个过程中有可能会产生新的包装集（比如调用clone())方法。在一个连缀链中，如果调用end方法，则返回上一个包装集，如果调用andSelf方法则把当前和上一个包装集合并成一个包装集并返回。可以想到，jQuery内部把这些连缀的包装集存在一个堆栈中。下面的简单例子展示上述原理：

[url=http://www.1sucai.cn/upload/2010-3/20100314165051250.png][img]http://files.jb51.net/upload/2010-3/20100314165051913.png[/img] [/url]

全部评论(0)

上一篇：jQuery 1.5 源码解读面向中高阶JSER
下一篇：jquery学习笔记之无new构建详解

资讯排行榜
更多>>

联系客服

客服电话：
400-000-3129

微信版

扫一扫进微信版

返回顶部

jQuery 第二课 操作包装集元素代码

jQuery 第二课操作包装集元素代码