jQuery选择器

来源:互联网 发布:pkpm钢结构设计软件 编辑:程序博客网 时间:2024/06/06 00:55

$("#myElement")   选择id=“myElement”的元素

$("div")     选择所有的div标签元素

$(this)   选择当前html元素

$(".myClass")   选择所有的class=“myClass”的元素

$("*")   选择文档中的所有元素


表单元素选择器

$(":input")  选择所有的表单输入元素,包括input,textarea,select,button

$(":text")     选择所有 type="text" 的 <input> 元素

$(":password")   选择所有 type="password" 的 <input> 元素

$(":radio")   选择所有 type="radio" 的 <input> 元素

$(":checkbox")   选择所有 type="checkbox" 的 <input> 元素

$(":submit")  选择所有 type="submit" 的 <input> 元素

$(":reset")  选择所有 type="reset" 的 <input> 元素

$(":button")   选择所有 type="button" 的 <input> 元素

$(":file")  选择所有 type="file" 的 <input> 元素

$(":hidden")   选择所有 type="hidden" 的 <input> 元素


基本过滤选择器

$("tr:first")   选择第一个<tr>元素

$("tr:last")   选择最后一个<tr>元素

$("input:not(:checked)+span")   过滤掉type="checked"的所有input元素

$("tr:even")    选择所有tr元素的第0,2,4...........个元素

$("tr:odd")      选择所有tr元素的第1,3,5...........个元素

$("tr:eq(2)")   选择所有的td元素中序号为2的那个td元素

$("td:gt(4)")   选择所有的td元素中序号大于4的所有td元素

$("td:lt(4)")    选择所有的td元素中序号小于4的所有td元素

$(":header") 选择所有标题元素<h1>----<h6>

$("animated") 选择所有的动画元素


表单元素过滤选择器

$(":enabled")  选择所有可操作的表单元素

$(":disabled")  选择所有不可操作的表单元素

$(":checked")  选择所有被checked的表单元素

$(":selected")  选择所有被选取的表单元素


内容过滤选择器

$("div:contains('John')")    选择所有div中含有John文本的元素

$("td:empty")   选择所有td中为空的元素

$("div:has(p)")  选择所有含有p标签的div元素

$("td:parent")  选择所有以td为父节点的元素


可视化过滤选择器

$("div:hidden")  选择所有被hidden的div元素

$("div:visible")   选择所有可视化的div元素


属性过滤选择器

$("div[id]")    选择所有含有id属性的div元素

$("input[name='newsletter']")    选择所有的name="newsletter"的input元素

$("input[name!='newsletter']")   选择所有的name≠"newsletter"的input元素

$("input[name^='news']")   选择所有的name属性以"news"开头的input元素

$("input[name$='news']")   选择所有的name属性以"news"结尾的input元素

$("input[name*='man']")    选择所有的name属性包含"man"的input元素

$("input[id][name$='man']")   选择所有含有id属性并且属性以man结尾的元素


附:

1.选取一个name为“S_03_22”的input  text框的上一个td的text值  : $("input[name='S_03_22']").parent().prev().text()

2.名字以“S_”开头,并且不是以“_R”结尾的  :$("input[name^='S_']").not("[name$='_R']")

3.一个名为radio_01的radio所选的值  : $("input[name='radio_01'][checked]").value()


$("A    B")   查找A元素下面的所有子节点,包括非直接子节点

$("A > B")   查找A元素下面的直接子节点

$("A + B")   查找A元素后面的兄弟节点,包括非直接子节点

$("A ~ B")   查找A元素后面的兄弟节点,不包括非直接子节点





0 0