$(":enabled")             选择所有的可操作的表单元素
$(":disabled")            选择所有的不可操作的表单元素
$(":checked")            选择所有的被checked的表单元素
$("select option:selected") 选择所有的select 的子元素中被selected的元素
 

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

名字以”S_”开始，并且不是以”_R”结尾的
$(”input[@name ^='S_']“).not(”[@name $='_R']“)
 

一个名为radio_01的radio所选的值
$(”input[@name =radio_01][@checked]“).val();
 

$("A B") 查找A元素下面的所有子节点，包括非直接子节点
$("A>B") 查找A元素下面的直接子节点
$("A+B") 查找A元素后面的兄弟节点，包括非直接子节点
$("A~B") 查找A元素后面的兄弟节点，不包括非直接子节点
1. $("A B") 查找A元素下面的所有子节点，包括非直接子节点

例子：找到表单中所有的 input 元素

HTML 代码:

 

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代码:
 

$("form input")
结果:
[ <input name="name" />, <input name="newsletter" /> ]

 

2. $("A>B") 查找A元素下面的直接子节点
例子：匹配表单中所有的子级input元素。
HTML 代码:

 

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代码:
 

$("form > input")
结果:
[ <input name="name" /> ]

 

3. $("A+B") 查找A元素后面的兄弟节点，包括非直接子节点
例子：匹配所有跟在 label 后面的 input 元素
HTML 代码:

 

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代码:
 

$("label + input")
结果:
[ <input name="name" />, <input name="newsletter" /> ]

 

4. $("A~B") 查找A元素后面的兄弟节点，不包括非直接子节点
例子：找到所有与表单同辈的 input 元素
HTML 代码:

 

<form>
<label>Name:</label>
<input name="name" />
<fieldset>
      <label>Newsletter:</label>
      <input name="newsletter" />
</fieldset>
</form>
<input name="none" />
jQuery 代码:
 

$("form ~ input")
结果:
[ <input name="none" /> ]

 

摘自 张毅☆.Net★Java软件联盟

点击复制链接 与好友分享!回本站首页 上一篇：JavaScript Jquery各种代码片段 下一篇：jQuery的.get和.post和.ajax方法IE的兼容问题 相关文章

javascript中使用splice方法轻松实现对

JavaScript学习:删除数组元素

网页滚动事件，触发是指定元素的位置改

网页滚动事件，触发是指定元素的位置改

js中对元素数组排序比较上下限值

jquery设置元素的readonly和disabled

jquery 获取父窗口的元素 父窗口 子

JQuery获取this当前对象子元素对象

好好学一遍javaScript 笔记(四)——A

jQuery动态添加的元素绑定事件处理函数

图文推荐