ThinkChat🤖让你学习和工作更高效,注册即送10W Token,即刻开启你的AI之旅 广告
##1.查找自定义属性 ``` $("li[tid='"+d+"']") 或者 $("li[tid="+d+"]") ``` ####1.基本选择器 ``` $("*") //所有元素 $(this) //当前元素 $("#logo") //id元素 $(".img") //class元素 $("p") //标签元素 ``` ####2.层次选择器 ``` $("div span") //div下所有span元素 $("div>span") //div下直接子span元素 $("div+span") //div的下一个span元素 $("div").next("span") //互换 $("div~span") //div后的所有span兄弟元素 $("div").nextAll("span") //互换 ``` ####3.过滤选择器 #####1.基本过滤器 ``` $("div:first") $("div:last") $("input:not(".btn")") $("ul li:even") //偶数 $("ul li:odd") //奇数 $("ul:eq(3)") //索引 $("ul li:gt(3)") //索引大于3 $("ul li:lt(3)") //索引小于3 $(":header") //所有标题元素 $("div:animated") //当前执行动画的所有元素 ``` ######2.内容过滤器 ``` $("div:contains('我')") //含有文本内容text的元素 $("div:empty") //不包含子元素或文本的空元素 $("div:has(p)") //含有选择器所匹配元素的元素 $("div:parent") //含有子元素或文本的元素 ``` ######3.可见性过滤选择器 ``` $(":hidden") //所有不可见元素(包括:<input type="hidden"/> 、 <div style="display:none;"> 、<div style="visibility=hidden">等) $("div:visible") //所有可见元素 ``` ######4.属性过滤选择器 ``` $("div[id]") //有id的div元素 $("div[title=test]") //title为test的div元素 $("div[titil!=test]") $("div[titil^=test]") //属性值以title开始的元素 $("div[titil$=test]") //属性值以title结束的元素 $("div[titil*=test]") //属性值含title的元素 $("div[id][title=test]") //复合属性选择器 ``` #####5.子元素过滤选择器 ``` $("ul li:first-child") //每个父元素的第1个子元素 $("ul li:last-child") $("ul li:nth-child(3)") //每个父元素下的第index个子元素或奇偶元素index从1开始 $("ul li:nth-child(even)") //每个父元素下的偶子元素 $("ul li:nth-child(odd)") //每个父元素下的奇子元素 $("ul li:nth-child(3n)") //每个父元素下的索引值是3倍数的元素(n从0开始) $("div:only-child") // ``` #####6.表单对象属性过滤选择器 ``` $("#form1:enabled") //所有可用元素 $("#form1:disabled") //所有不可用元素 $("input:checked") //所有被选中的元素(单选框、复选框) $("select:selected") //所有被选中的选项元素(下拉列表) ``` ####4.表单选择器 ``` $(":input") //所有input 、textarea 、select 、button元素 $(":text") $(":password") $(":radio") $(":checkbox") $(":submit") $(":image") $(":reset") $(":button") $(":file") $(":hidden") ```