jquery选择器用法小结:
1.如果是根据id/class/tagname/使用基本选择器
①$("*") 通配符选择器
②$("#id" )id选择器
③$(".class") 类选择器
④$("[*],[#id],[.class],[tagname],......") 组合选择器
2.如果是选择祖先、父子、后代、兄弟元素则使用层次选择器
①ancestor descendant(祖先、后代选择器[选择所有后代])
②parent > child (父子选择器[只选择其孩子元素])
③prev + next (选择所有紧接在 prev 元素后的 next 元素[只匹配一个])
④prev ~ siblings (选择 prev 元素之后的所有 siblings[兄弟] 元素)
3 如果针对文档内容,则使用内容选择器
①:contains(text) (选择包含给定文本的元素)
② :empty (选择所有不包含子元素或者文本的空元素)
③ :has(selector) ( 选择含有选择器所匹配的元素的元素)
④ :parent (选择含有子元素或者文本的元素)
4. 如果是选择表单中的元素,则使用表单选择器、表单对象属性选择器
5. 根据可见性选择元素,则使用可见性选择器
6. 如果是选择某个元素中包含某个属性(属性值),则使用属性选择器
7. 如果考虑对选中的元素,要进行过滤,则使用过滤选择器
!$("div .one")、$("div .one")和$("div,.one")的区别
$("div .one")//选中div下所有class为.one的所有后代元素
$("div.one")//选中div 中含 class 为 .one 的div元素
$("div,.one)// 选中div 和 class 为 .one 的元素