最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jQuery遍历节点-closest()方法使用详解
时间：2013-08-21 编辑：简简单单 来源：一聚教程网
closest()
此方法获取第一个相匹配的祖先元素，注意：起始点包括自身元素。
另外这个方法是必须要传入一个选择器表达式参数的，如果不传入参数的话，就会返回一个空的jquery对象。
要注意这个方法和jquery中的parents()方法的区别。
下面来看实例：
| 代码如下 | 复制代码 |
|
梦三秋博客
$("ul>li").click(function(e){ |
|
里的e.target是触发了单击事件的元素(DOM对象)
上面的jquery代码的意思是：为ul中的每个直属的li元素绑定单击事件，这个单击事件的结果是找到触发单击事件的元素的最近的div元素，然后让这个div元素的背景颜色变成蓝色。
上面jquery代码的结果是：当你点击任何一个li元素时候，页面的div元素的背景颜色会变成蓝色
| 代码如下 | 复制代码 |
|
梦三秋博客
|
|
给它增加事件绑定
| 代码如下 | 复制代码 |
|
$("ul>li").click(function(e){ |
|
注意:这里的closest没有传入参数。
运行上面的代码，当您点击页面中的li元素时，div元素的背景色是不会改变的，因为当closest方法没有传入参数时，肯定是取不到元素的。
| 代码如下 | 复制代码 |
|
梦三秋博客
|
|
注意：e.target 是目标对象，e.event是目标所发生的事件。
相关文章
- jQuery实现遍历复选框的方法示例 05-30
- jquery对象object循环遍历的方法 09-08
- jQuery 遍历节点之prev()方法用法 08-21
- jQuery 遍历节点之next()方法 08-21
- jQuery基础教程之遍历节点siblings()方法使用说明 08-21
- jQuery遍历节点-find()方法使用说明 08-21