jquery选择器

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 的元素