jQuery-编辑选择结果(添加、筛选、过滤或检测)
操作 | 实例 | 效果 | 备注 | |
添加 |
添加选择器 | $("p").add(".a") | 添加类名为a的选择器 | 并不影响源结果集 |
$("p").add( "label", $(".class") ); | 添加类包含名为class的所有label元素的选择器 | |||
添加html对象 | $("p").add( document.getElementsByTagName("label")) | 添加元素名为label的html对象 | ||
添加jquery对象 | $("p").add( $("strong")) | 添加元素名为strongl的jquery对象 | ||
筛选 |
获取元素 | $("p").first() | 获取第一个元素 | |
$("p").last() | 获取最后一个元素 | |||
$("p").eq(3) | 获取第3个元素 | 可以为负,表倒数 | ||
获取子集 | $("p").slice(2) | 获取第2个元素直至结果集末尾组成的结果集 | ||
$("p").slice(2,5) | 获取第2-5个元素组成的结果集 | |||
过滤 当前 |
得到对应元素 | $("p").filter(".aa") | 得到含有类名为aa的结果集 | |
$("div").filter(document.getElementsByTagName("label")) | 得到含有label元素的结果集 | |||
$("div").filter($test) | 得到含有$test对象的结果集 | |||
$("div").filter(function(index){if(this.id=="xixi"){ return true;}else{return false;}}) | 遍历结果集,得到false返回值则剔除 | index是索引,this代表当前对象 | ||
除去对应元素 | $("p").not(".aa") | 与filter正好相反 | ||
$("div").not(document.getElementsByTagName("label")) | ||||
$("div").not($test) | ||||
$("div").not(function(index){}) | ||||
后代 |
得到含有符合条件的后代元素的结果集 |
$("div").has(".aa") | 后代中含有类名为aa的结果集 | 判断的对象是后代元素 |
$("div").has(document.getElementsByTagName("label")) | 后代中含有元素名为label的结果集 | |||
检测 | 返回true或false | $("#div1").is("div") | 参数是源结果集的父集时返回true | |
$("#div1").is(document.getElementsByTagName("div")) | ||||
$("#div1").is($test) | ||||
$("#div1").is(function(index){if(this.id=="xixi"){ return true;}else{return false;}}) | index是索引,this代表当前对象 |
God, Grant me the SERENITY, to accept the things I cannot change,
COURAGE to change the things I can, and the WISDOM to know the difference.