优点:写法简洁;支持css1至css3;无浏览器兼容性问题。
常用的基本选择器:
①#id:$(“#id”)
②.class: $(“.class”) 选取所有class名为class的元素
③标签选择: $(“div”)选取所有的div标签
④*:所有元素, $(“ * ”)
层次选择器:
①div父集中的所有span集:$(“div span”) 【不仅子集,子集的子集也会被包含】ancestor descendant
②div父集中的所有span子集: $(“div>span”)【仅仅子集】parent > child
③选取紧接在div后面的同位元素: $(“div+span”)【仅一个】prev + next
④选取进阶在div后面的所有同位元素: $(“div~span”)【所有的】prev ~ siblings
过滤选择器:
①:firsr选取第一个元素
②:last选取最后一个元素
③:not(selector)去除所有的与给定选择器匹配的元素。
④:even选取索引值为偶数的所有元素,从0开始
⑤:odd取索引值为奇数的所有元素,从0开始
⑥:eq(index)给定索引值的
⑦:gt匹配所有大于给定索引值的元素
常用的内容过滤选择器:
①:empty:匹配所有不包含子元素或者文本的空元素、
②has(selector)匹配含有选择其所匹配子元素的元素
③:parent选取含有子元素或者文本的元素
④:contains(text) 包含目标文本内容的元素
⑤:has(selector)匹配含有选择其所匹配子元素的元素
常用的可见性过滤选择器
①:hidden 选取所有不可见的元素
②:visible选取所有可见的元素
常用的属性过滤选择器
①[ attribute ] :选取拥有此属性的元素
②[ attribute =value] :选取属性值等于value的元素
③[ attribute!=value ] :选取属性值不等于value的元素
④[ attribute ^=value] :选取属性值以value开始的元素
⑤[ attribute $=value] :选取属性值以value结束的元素
⑥[ attribute * = value] :选取属性值包含value的元素
⑦[ attribute ~=value] :选取属性值包含value且以空格隔开的元素
⑧[ attribute 1 ] [ attribute 2] :多个属性选择器合并成一个复合属性选择器。
常用的表单选择器
①input选取所有、、、。
②text选取所有单行文本框
③password选取所有密码框
④radio选取所有单选按钮
⑤checkbox选取所有复选框
⑥submit选取所有提交按钮。
⑦image选优所有图像按钮
⑧reset
⑧button
⑨file