包装集的大小及元素获取
语法:size()
功能:返回包装集里元素的个数。
语法:get([index])
功能:获取包装集里的一个或所有匹配元素。
参数 index:如果不指定参数,包装集里的所有元素就以JavaScript数组形式返回;如果指定了下标参数,就返回下标所对应的元素。
返回:DOM元素或DOM元素数组。
语法:index(element)
功能:在包装集中查找传入的元素。并返回该元素在包装集的顺序下标;如果不存在该元素,则返回-1。
参数 element:元素的引用,用于确定元素的下标。
返回:元素在包装集的顺序下标;如果不存在该元素,则返回-1。
筛选元素包装集
语法:add(expression)
功能:把表达式参数所指定的元素添加到包装集。
参数 expression:指定添加到包装集的元素。
- 参数为jQuery选择器:全部匹配元素都被添加到集合。
- 参数为HTML片断:创建适当的元素并添加到集合。
- 参数为DOM元素或DOM元素数组:直接添加到集合。
返回:包装集。
语法:not(expression)
功能:根据表达式参数的值,从包装集里删除元素。
参数 expresssion:定义从包装集里删除的元素。
- 参数为jQuery选择器:从包装集里删除任何匹配表达式的元素。
- 参数为元素引用或元素引用数组:从包装集里删除该元素。
返回:包装集。
语法:filter(expression)
功能:利用传入的选择器表达式或筛选函数,从包装集里筛选元素。
参数 expression:要进行元素筛选的表达式。
- 参数为字符串,则指定jQuery选择器,用于从包装集里删除所有与选择器不匹配的元素。
- 参数为一个函数,则用于确定筛选条件。为包装集里的每一个元素各调用一次该函数,以当前元素作为当次调用的函数上下文(this)。函数调用返回值为 false的任何元素都会从包装集里删除。
返回:包装集。
语法:slice(begin, end)
功能:创建并返回新包装集,新包装集包含原始包装的连续的一部分。
参数 begin:将被包含在返回切片中的第一个元素的下标(元素下标从0开始)。
参数 end:不包含在返回切片中的第一个元素的下标(从0开始);或一个数字,该数字超出了原始包装集的最后一个元素的下标。如果省略,则切片延伸到原始包装集的末尾。
返回:新建的包装集。
根据关系来获取新包装集的方法
方法 |
描述 |
children() |
返回原始包装集元素的所有唯一子元素所组成的包装集。 |
contents() |
返回原始包装集元素的内容的包装集,这些元素可能包含文本节点(这个方法经常用于获取<iframe>元素的内容)。 |
next() |
返回原始包装集的所有唯一的下一个兄弟元素所组成的包装集。 |
nextAll() |
返回包含原始包装集元素的所有后续兄弟元素的包装集。 |
parent() |
返回原始包装集所有元素的唯一直接父元素所组成的包装集。 |
parents() |
返回原始包装集所有元素的唯一祖先元素所组成的包装集,包括直接父元素和一直向上追溯的祖先元素,但不包括文档根元素。 |
prev() |
返回原始包装集元素元素的所有唯一的上一个兄弟元素所组成的包装集。 |
prevAll() |
返回包含原始包装集元素的所有前面兄弟元素的包装集。 |
siblings() |
返回原始包装集元素的所有唯一兄弟元素所组成的包装集。 |
语法:find(selector)
功能:返回新包装集,包含原始包装集里与传入选择器表达式相匹配的所有元素。注意:原始包装集里的元素的后代,会因为与传入的选择器表达式相匹配而被包含在新包装集里。
参数 selector:一个jQuery选择器,元素必须匹配这个选择器,才能成为新包装集的一部分。
返回:新建的包装集。
语法:containers(text)
功能:返回新包装集,由包含text参数所传入的文本字符串的元素所组成。
参数 text:添加到新包装集里的元素必须包含的文本。
返回:新建的包装集。
语法:is(selector)
功能:确定包装集里是否有元素匹配元素选择器表达式。
参数 selector:选择器表达式,用于测试包装集的元素。
返回:如果至少有一个元素匹配传入的选择器,则返回 true,否则返回 false。
语法:end()
功能:在jQuery命令链入调用,以便回退到前一个包装集。
返回:前一个包装集。
语法:andSelf()
功能:合并命令链入最近产生的两个包装集。
返回:合并后的包装集。
分享到:
相关推荐
【管理Jquery包装集】是jQuery使用中的一个重要概念,它是指使用jQuery选择器获取的一组DOM元素的集合,通常被称为jQuery对象。这个包装集提供了丰富的API,使得对多个DOM元素的操作变得简单高效。 在jQuery中,当...
此外,jQuery提供了丰富的API来管理和操作元素集合。例如,`eq(index)`用于获取索引为`index`的元素,例如`$("p").eq(1)`将选取第二个`<p>`元素。还有其他过滤方法,如`first()`、`last()`、`slice(start, end)`等,...
jQuery gt(Number pos) 将匹配的元素集合缩减为给定位置之后的所有元素。 Number index(Element subject) 搜索与参数表示的对象匹配的元素,并返回相应元素的索引值。 Number length 当前匹配的元素数量。 jQuery...
$(expression)是一个主要的函数,它接受一个CSS选择器,返回一个jQuery包装集,这是由匹配的DOM元素组成的一个集合。jQuery包装集可以用来调用一系列的方法,例如操作DOM元素的属性、内容、类或者事件。 在选择器...
- **描述**:判断当前匹配的元素集合是否满足某个条件。 8. **获取下一个兄弟元素**: - `next(expr)` - **描述**:获取当前匹配元素集合的下一个兄弟元素。 9. **排除某些元素**: - `not(el)` - `not(expr)` ...
在之前的学习过程中,我们已经掌握了如何使用jQuery来选取和管理页面中的元素集合(即jQuery包装集)。这包括通过选择器选取对象以及从包装集中添加或移除元素。现在,我们将进一步深入到如何使用jQuery来获取和修改...
接下来,学习"管理jQuery包装集",理解jQuery对象与JavaScript原生对象的区别,以及如何对选择的元素集合进行操作。jQuery包装集允许我们一次性对多个元素执行相同的操作,提高了代码效率。 在"操作元素的属性与...
jQuery提供了一系列方便的方法来处理元素集合,无需手动遍历这些元素。 - **遍历集合并修改样式**: - `$("p").each(function(i) { this.style.color = ['#f00', '#0f0', '#00f'][i % 3]; });` - 这段代码为`<p>`...
jQuery包装集的所有方法都作用于集合内的所有元素,而不仅仅是单个DOM对象。 **DOM对象与jQuery对象的转换** - **DOM转jQuery**:通过`$(DOM对象)`可以将DOM对象转换为jQuery包装集。 - **jQuery转DOM**:可以使用...
**管理包装元素集合** - **包装集的大小**:使用 `.length` 属性可以获取包装集中元素的数量。 - **获取元素**:通过下标访问,如 `$('div')[0]` 可获取第一个div元素。 - **获取下标**:使用 `.index()` 方法可以...
演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() 演示 jQuery hide() 函数,隐藏所有 <p> 元素。 $(".test").hide() 演示 jQuery hide() 函数,隐藏所有 class="test" 的元素。 jQuery 语法 ...
jQuery包装集与过滤器 jQuery选择器返回的是一个包装集,即一组元素的集合,可以通过方法操作这些元素。过滤器用于进一步筛选包装集中的元素,例如: - `$(".class").filter(":visible")`选取可见的具有class的...
- **jQuery包装集**是指一组被jQuery包装的DOM元素集合。 - **操作**:可以对这些包装集进行操作,如增加、删除元素,改变元素的属性等。 - 示例:`$("div").append("<p>New paragraph</p>");` 向所有`<div>`标签内...
jQuery 对象是通过将原生 DOM 对象包装进 jQuery 构造器产生的。需要注意的是,jQuery 对象不能使用原生 DOM 方法,反之亦然。这意味着在使用 jQuery 时,应尽量采用其提供的 API 来操作 DOM,以保持代码的一致性和...
转换前者通常通过将jQuery对象数组中的第一个元素赋值给一个变量来实现,因为jQuery对象本身是一个类数组对象,其内部存储了DOM元素的集合。例如,var domElement = $(“#myId”)[0];。而要将DOM对象转换为jQuery...
**jQuery包装集**是指通过jQuery选择器所选中的DOM元素集合。通过对这个集合的操作,可以实现对多个元素的一致性管理。例如,`$("div").hide()`可以一次性隐藏页面中所有的`<div>`元素,极大地提高了代码的效率和...
3. 如何获取jQuery集合的某一项:当我们通过jQuery方法获取到一个元素集合时,可以通过eq()方法或索引的方式获取集合中的特定项。eq()方法返回的是jQuery对象,而通过索引直接访问返回的是DOM对象。例如,获取第三个...
- **`filter(function)`**:使用函数来过滤元素集合。 - **`not(selector)`**:从集合中移除与选择器匹配的元素。 3. **判断方法**:如 `is()`, `hasClass()` 等,用于判断当前 JQuery 对象是否符合某种条件。 -...