jquery选择器整理

1、JQUERY选择器总结

$("#id")id选择器

$("element")element指向DOM节点的标签名

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

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

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

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

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

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

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

<ul>

<li>item1</li>

<liclass="one">item2</li>

<li>item3</li>

</ul>

$（"li:first"）结果：同辈的<li>item1</li>

$("ele:last")

$("li:not(.one)")结果：[<li>item1</li>，<li>item3</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>Helloagain!</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插件，但是编辑后的内容开始获取不到，最后通过测试，终于解决该问题：

varval=$('#'+id).prev().children('.ke-edit').children('.ke-edit-iframe').contents().find('body').html()