jquery中元素选择方法
2017-08-17 00:00
246 查看
根据text获得指定元素:
var targetElement = $(":contains('元素文本')");
//获得id为a的元素的直接父类元素
$("#a").parent();
获得所有父类祖先:
$("#a").parents();
$("#a").parents("p");
获得指定子元素和指定祖元素之间的所有元素:
$("span").parentsUntil("div");//获得子元素span到父元素div之间的所有祖先元素
指定元素的直接子元素集合:
$("div").children(); //直接子元素集合
$("div").children(“p”);
$("div").children(“p.a”);//所有子类class为a的p元素
指定元素的所有后代元素集合:
$("div").find("*");//所有后代元素
$("div").find("span"); //所有后代span元素
获得指定元素的同级元素:
$("#a").siblings();(所有同级元素)
$("#a").siblings("p");(同级p元素)
同级下一个元素:
$("#a").next();
同一级上个元素:
$("#a").prev();
同级所有之后的元素:
$("#a").nextAll();
同级所有之前的元素:
$("#a").prevAll();
指定俩元素之间所有的同级元素(#a向后的元素):
$("#a").nextUntil("#b");
指定俩元素之间所有的同级元素(#a向前的元素):
$("#a").prevUntil("#b");
最后一个元素:
$("a").last(); //最后一个a元素
$("div a").last(); //最后一个div元素中的最后一个a元素
第一个元素:
$("a").first();
$("div a").first();
指定索引的的元素:
$("a").eq(0); //第一个a元素
$("a").eq(3); //第四个a元素
过滤获得指定元素:
$("a").filter(".b"); //class为b的a元素
排除获得元素:
$("a").not(".b"); //获得class为b以外的a元素
var targetElement = $(":contains('元素文本')");
//获得id为a的元素的直接父类元素
$("#a").parent();
获得所有父类祖先:
$("#a").parents();
$("#a").parents("p");
获得指定子元素和指定祖元素之间的所有元素:
$("span").parentsUntil("div");//获得子元素span到父元素div之间的所有祖先元素
指定元素的直接子元素集合:
$("div").children(); //直接子元素集合
$("div").children(“p”);
$("div").children(“p.a”);//所有子类class为a的p元素
指定元素的所有后代元素集合:
$("div").find("*");//所有后代元素
$("div").find("span"); //所有后代span元素
获得指定元素的同级元素:
$("#a").siblings();(所有同级元素)
$("#a").siblings("p");(同级p元素)
同级下一个元素:
$("#a").next();
同一级上个元素:
$("#a").prev();
同级所有之后的元素:
$("#a").nextAll();
同级所有之前的元素:
$("#a").prevAll();
指定俩元素之间所有的同级元素(#a向后的元素):
$("#a").nextUntil("#b");
指定俩元素之间所有的同级元素(#a向前的元素):
$("#a").prevUntil("#b");
最后一个元素:
$("a").last(); //最后一个a元素
$("div a").last(); //最后一个div元素中的最后一个a元素
第一个元素:
$("a").first();
$("div a").first();
指定索引的的元素:
$("a").eq(0); //第一个a元素
$("a").eq(3); //第四个a元素
过滤获得指定元素:
$("a").filter(".b"); //class为b的a元素
排除获得元素:
$("a").not(".b"); //获得class为b以外的a元素
相关文章推荐
- jQuery选择id属性带有点符号元素的方法
- jQuery选择id属性带有点符号元素的方法
- jQuery怎么选择自身元素andSelf()方法使用
- 总结一下jQuery操作元素节点的方法(创建、选择、插入节点)
- 夺命雷公狗jquery---1选择元素的3种方法
- jQuery编程基础精华(属性、表单过滤器,元素的each,表单选择器,子元素过滤器(*),追加方法,节点,样式操作)
- jQuery 选择同时包含两个class的元素的实现方法
- jquery学习之路jquery之一:jquery选择元素的方法,太神了 2012.8.2
- jQuery 选择同时包含两个或多个class的元素的实现方法
- jQuery选择id属性带有.点符号元素的方法
- jQuery编程基础精华02(属性、表单过滤器,元素的each,表单选择器,子元素过滤器(*),追加方法,节点,样式操作)
- jQuery编程基础精华02(属性、表单过滤器,元素的each,表单选择器,子元素过滤器(*),追加方法,节点,样式操作)
- css —— 选择器优先级及jQuery遍历元素常用方法
- jQuery 选择同时包含两个class的元素的实现方法
- jQuery 过滤方法filter()选择具有特殊属性的元素
- jQuery选择元素的方法大全
- [jQuery]jQuery选择元素的使用方法与示例
- <<< Jquery查找元素、选择器使用方法总结
- jquery、js调用iframe父窗口与子窗口元素的方法