JQuery

优点：写法简洁；支持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