jquery选择器整理

1、JQUERY 选择器总结

  $("#id")   id选择器
 
  $("element") element 指向DOM节点的标签名

  $(".class")  class 根据给定的css类名匹配元素。

  $("*") * 匹配所有元素，多用来结合上下文来搜索

  $("...") 例如 $("div,span,p .class") 指定任意多个选择器，并将匹配到的元素放在一个结果内

  $("form input") 在给定的祖先元素下匹配所有的后代元素(匹配form标签下的所有的input标签)

  $("parent > child") 在给定的父元素下匹配所有的子元素

  $("prev + next") 匹配所有紧接在prev元素后的next元素

  $("prev ~ siblings") 匹配与prev元素同辈的siblings元素

  <ul>
    <li>item 1</li>
    <li class="one">item 2</li>
    <li>item 3</li>
  </ul>

  $（"li:first"） 结果：同辈的<li>item 1</li> 
 
  $("ele:last")

  $("li:not(.one)") 结果：[<li>item 1</li>，<li>item 3</li>]

  $("ele:even") : 匹配所有索引值为偶数的元素，从 0 开始计数

  $("ele:odd"):匹配所有索引值为奇数的元素，从 0 开始计数

  $("ele:eq(index)"):匹配一个给定索引值的元素

  $("ele:gt(index)"):匹配大于给定索引值的元素
  $("ele:lt(index)"):小于

  $("ele:contains('text')") 匹配包含给定文本的元素

  $("ele:empty")匹配所有不包含子元素或者文本的空元素

  $("ele:has(selector)") 匹配含有选择器所匹配的元素的元素

    例如：<div><p>Hello</p></div>
         <div>Hello again!</div>

           $("div:has(p)").addClass("one")
   $("ele:parent") 匹配含有子元素或者文本的元素 
  
   $("ele:hidden") 匹配所有不可见元素，或者type为hidden的元素

   $("ele:visible")
   $("ele[attr='text']")  
   $("ele[attr*='text']")  匹配给定的属性是以包含某些值的元素
   $("ele[attr^='text']")  匹配给定的属性是以某些值开始的元素
   $("ele[attr$='text']")  匹配给定的属性是以某些值结尾的元素
   $("ele[attr][attr]")  复合属性选择器，需要同时满足多个条件时使用

追加：
   再一次开发中由于前端代码中使用了KindEditor插件，但是编辑后的内容开始获取不到，最后通过测试，终于解决该问题：
   var val = $('#' + id).prev().children('.ke-edit').children('.ke-edit-iframe').contents().find('body').html()