JQuery 入门指南(7):通过过滤的方式搜索元素
2014-01-16 23:38
211 查看
本文提到的内容主要用来缩小搜索元素的范围
三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。
下面的例子选取首个 <div> 元素内部的第一个 <p> 元素:
下面的例子选择最后一个 <div> 元素中的最后一个 <p> 元素:
索引号从 0 开始,因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个 <p> 元素(索引号 1):
下面的例子返回带有属性class= "intro" 的所有 <p> 元素:
提示:not() 方法与 filter() 相反。
下面的例子返回不带有类名 "intro" 的所有 <p> 元素:
三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。
jQuery first() 方法
first() 方法返回被选元素的首个元素。下面的例子选取首个 <div> 元素内部的第一个 <p> 元素:
$(document).ready(function(){ $("div p").first(); });
jQuery last() 方法
last() 方法返回被选元素的最后一个元素。下面的例子选择最后一个 <div> 元素中的最后一个 <p> 元素:
$(document).ready(function(){ $("div p").last(); });
jQuery eq() 方法
eq() 方法返回被选元素中带有指定索引号的元素。索引号从 0 开始,因此首个元素的索引号是 0 而不是 1。下面的例子选取第二个 <p> 元素(索引号 1):
$(document).ready(function(){ $("p").eq(1); });
jQuery filter() 方法
filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。下面的例子返回带有属性class= "intro" 的所有 <p> 元素:
$(document).ready(function(){ $("p").filter(".intro"); });
jQuery not() 方法
not() 方法返回不匹配标准的所有元素。提示:not() 方法与 filter() 相反。
下面的例子返回不带有类名 "intro" 的所有 <p> 元素:
$(document).ready(function(){ $("p").not(".intro"); });
相关文章推荐
- 使用jQuery匹配文档中所有的li元素,返回一个jQuery对象,然后通过数组下标的方式读取jQuery集合中第1个DOM元素,此时返回的是DOM对象,然后调用DOM属性innerHTML,读取该元素 包含的文本信息
- jQuery过滤选择器 通过过滤条件选取需要的元素
- JQuery 入门指南(4):添加删除元素
- jQuery记录--普通元素过滤选择器
- JQuery 入门指南(6): 遍历DOM元素
- jquery中获取元素的几种方式小结
- jQuery入门基础知识学习指南
- jquery元素过滤
- jQuery中文入门指南,翻译加实例,jQuery的起点教程(转)
- tween.js是一款可生成平滑动画效果的js动画库。tween.js允许你以平滑的方式修改元素的属性值。它可以通过设置生成各种类似CSS3的动画效果。
- select元素在jquery 中 通过指定text值 设定选中的项目
- Jquery通过Ajax方式提交Form表单
- js与jquery两种不同的方式获得父元素、删除子元素
- appium通过iOS的predicate的模糊或精确匹配使用-ios uiautomation方式寻找元素
- 通过DOM方式去定位 几种查找元素的方法
- jquery通过select列表选择框对表格数据进行过滤示例
- 【转载】jQuery中文入门指南,翻译加实例,jQuery的起点教程
- jQuery之搜索子元素
- (2)入门指南——(2)jQuery可以做什么(What jQuery does)
- jQuery入门指南教程