jQuery文档分析3-jQuery元素筛选
筛选时从包含一个或者多个dom对象的jQuery对象中找出某个dom对象所对应的jQuery对象我们从而可以进行操作
1、
$("p").eq(-2) 从搜索到的p标签中选择出倒数第二个p元素对应的jQuery对象注意不是dom对象,这里要和get方法区分开 。
get方法是获取dom对象然后 根据html dom进行操作
如果从正向开始筛选那么,索引时基于0的 www.zzzyk.com
2、
$("li").first() 选择出搜索到的li序列对应的jQuery中的第一个li对应的jQuery对象 。。
3、
$('li').last() 原理同上 找出最后一个dom元素对应的 jQuery对象,我们从而可以对他进行操作 4、 $(this).hasClass("protected") 判断当前的元素是否有指定的class 属性,有返回true 没有false 代码如下：$(function(){
$("li").first().click(function(){
if($(this).hasClass("menu")){
$(this).hide(1000);
}
}) ;
}) ;<ul>
<li class="menu">item1</li></ul>效果单击item1 将隐藏 ...并且缓慢进行、、5、fileter 过滤器..可以通过我们传递的参数过滤掉不符合要求的元素 $("li").filter(".menu") 筛选出li中class属性是menu的元素 $("li").filter(",menu,:first") 帅选出来class=menu和第一个li元素...参数都是选择器字符串,,,多个选择器子串需要逗号分隔 $("li").filter(function(i){ //选择出li中不包括span 子元素的li元素
return $("span",this).length==0 ;
})6、$("input[type='checkbox']").parent().is("form") 检测checkbox的父亲元素是不是form7、$('li').has('ul') 只保留li中的有ul 的元素 8、$("p").not("#id") 删除指定元素 9 、 $("li").not($("#menu")[0]) 从 li中删除所有id不是menu的元素 10、 $("li").slice(-1) li的左后一个元素 $("li").slice(0,4) 选取li集合中索引0-4的元素 11、$("ul").children() 查找ul中的所有子集 $("ul").children(".classname") 选择ul中class属性为classname的元素... $("ul").children("li") 选出ul中所有li集合 12、$("p").find("span") 从所有的p标签开始 搜索span元素... 参数遵循css选择器 13 、$("p").next(".selected") 取出p元素后面所有同级带有class=selected属性的集合 、14 、$("div:first").nextAll().addClass("after","one");为div集合中第一个div后面的所有元素 添加after=one属性 15、$("p").parent() 返回段落的父元素 $("span").parents() 搜索span的祖先元素 16、 $("p").prev() 取p的前面的同辈元素 17、$("div:last").prevAll().addClass("before"); 取到div最后一个元素 前面的所有div元素..并且增加class =before18、$("p").add(document.getElementById("a")) 在p中添加id为a的元素//19、 $("div").find("p").andSelf().addClass("border"); 选取所有的div和 div内部的p 并且增加class =border 20、$("iframe").contents().find("body") .append("I'm in an iframe!");查找iframe标签中的所有元素 ,并且向内部增加内容 ...contents返回所有的节点 、 21 、$("p").find("span").end() 查找p对应的jQuery对象,然后查找p中的span ...最后通过end破坏之前的操作...结果返回的还是p的集合对应的jQuery对象。。jQuery元素的筛选就到这里了....
补充：web前端 , JavaScript ,
