jQuery 选择器是 jQuery 中最重要的部分,它可以帮助我们快速地找到页面上的元素,并对其进行操作。jQuery 选择器可以使用 CSS 选择器语法来选择 HTML 元素,也可以使用 jQuery 的特有方法来选择 HTML 元素。
// 使用CSS选择器语法来选择HTML元素 $("div") // 选择所有div元素 $("#myDiv") // 选择id为myDiv的元素 $(".myClass") // 选择class为myClass的元素 $("input[name='username']") // 选择name为username的input元素
jQuery 还有一些特有的方法来选择 HTML 元素,例如:.find() 方法可以在当前元素的后代中进行匹配;.closest() 方法可以在当前元素的上层节点中进行匹配;.next() 方法可以获得当前元素之后的同胞节点。
// 使用jQuery特有方法来选择HTML元素 $("#myDiv").find("span") // 在id为myDiv的div中找到span标签 $("#myDiv").closest("div") // 查找id为myDiv的div标签之上最近的div标签 $("#myDiv").next() // 获得id为myDiv的div标签之后的同胞节点
jQuery 选择器
选择前 4 个之后的所有 <tr> 元素:
:gt() 选择器选取 index 值大于指定数字的元素。
index 值从 0 开始。
最常见的用法:与其他选择器一起使用,选取指定组合中特定序号之后的元素(如上面的实例)。
提示:请使用 :lt selector 来选取 index 值小于指定数字的元素。
参数 | 描述 |
---|---|
index | 必需。规定要选择的元素。 会选取 index 值大于指定数字的元素。 |
jQuery 选择器
jQuery element 选择器jQuery 选择器实例 选取所有 p 元素:$(p) 定义和用法 element 选择器选取带有指定元素名称的所有元素。语...
jQuery getScript() 方法jQuery AJAX 方法实例 使用 AJAX 请求,获取和运行 JavaScript:$(button).click(function(){ $.getScri...
jQuery :empty 选择器jQuery 选择器实例 选取所有空元素:$(":empty") 定义和用法 :empty 选择器选取空的元素。 空元素指的是不...
jQuery jQuery.sub() 方法jQuery 杂项方法实例添加一个方法到jQuery sub,以便它不会暴露在外 (function(){ var sub = jQuery.su...
jQuery deferred.promise() 方法jQuery 杂项方法实例设定两个延时时间是随机的定时器,分别用于解决(resolve)和拒绝(reject)...