大佬教程收集整理的这篇文章主要介绍了Jquery选择器,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
一:基本选择器 @L_801_0@选择器:$("@L_801_0@名"); 返回一组元素集合(匹配相同的@L_801_0@名) 类选择器:$(".class类名"); 返回一组元素集合(匹配相同的class属性值) id选择器:$("#id名"); 返回单个元素(匹配id属性值) 通用选择器:$("@L_801_0@,class,id"); 返回一组元素集合(选择的元素) 全局选择器:$("*"); 返回一组元素集合(网页所有元素) 二.层次选择器 后代选择器 ancestor descendant 选取ancestor元素里的所有descendant(后代)元素 $("#menu span" )选取#menu下的<span>元素 子选择器 parent>child 选取parent元素下的child(子)元素 $(" #menu>span" )选取#menu的子元素<span> 相邻元素选择器 prev+next 选取紧邻prev元素之后的next元素 $(" h2+dl " )选取紧邻<h2>元素之后的同辈元素<dl> 同辈元素选择器 prev~sibings 选取prev元素之后的所有siblings元素 $(" h2~dl " )选取<h2>元素之后所有的同辈元素<dl> 三.属性选择器 [attribute] 选取包含给定属性的元素 $(" [href]" )选取含有href属性的元素 [attribute=value] 选取等于给定属性是某个特定值的元素 $(" [href =‘#‘]" )选取href属性值为“#”的元素 [attribute !=value] 选取不等于给定属性是某个特定值的元素 $(" [href !=‘#‘]" )选取href属性值不为“#”的元素 [attribute^=value] 选取给定属性是以某些特定值开始的元素 $(" [href^=‘en‘]" )选取href属性值以en开头的元素 [attribute$=value] 选取给定属性是以某些特定值结尾的元素 $(" [href$=‘.jpg‘]" )选取href属性值以.jpg结尾的元素 [attribute*=value] 选取给定属性是以包含某些值的元素 $(" [href* =‘txt‘]" )选取href属性值中含有txt的元素 四.过滤选择器 /*获取第一个元素*/ //$(".lis:first").css("color","green"); /*获取最后一个元素*/ //$(".lis:last").css("color","blue"); /*忽略元素*/ //$("a:not([href^=g])").css("BACkground-color","pink"); /*奇数偶数:下标0开始*/ /* $("li:odd").css("BACkground-color","pink"); */ /*定位到具体哪一个*/ $("li:eq(0)").css("color","red"); /*定位到大于位置的元素*/ $("li:gt(2)").css("BACkground-color","pink"); /*定位到小于位置的元素*/ $("li:lt(2)").css("BACkground-color","green"); /*定位到标题元素*/ $(":header").css("BACkground-color","blue"); /*获取有焦点的元素*/ //$("#wht").focus(); //$("input:focus").val(‘磊 给你太美‘); /*获取动画元素*/ //$("ul").fadeOut(3000).fadeIn(5000); //$("ul:animated").css("BACkground-color","blue"); /*可见性选择器*/ /* :hidden可以定位到隐藏元素,包含隐藏域等,如果说定位到的时隐藏域,显示时则修改type属性值,如果时普通元素则可以修改css样式display */ $("input:hidden").attr("type","visible");
以上是大佬教程为你收集整理的Jquery选择器全部内容,希望文章能够帮你解决Jquery选择器所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。