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()