定义和用法:
1.on() 方法在被选元素及其子元素上添加一个或多个 事件处理程序
2.自jquery1.7版本之后 on()方法是bind() live() delegate() 方法新的替代品 推荐使用此方法!使用其他的方法可能会出现不兼容的问题
3.使用on()方法添加的事件程序适用于当前及未来的程序(这里的未来的程序是脚本创建的新元素,或者是以前的事件代理程序)
- 如果要移除使用on()方法添加的事件处理程序 请使用与之对应的off()方法
5.如果你想事件执行一次就移除请使用one()方法
6.on()方法支持自定义事件
语法:
$(selector).on(event, childSelector,data,function(){alert(“给你点赞”);});
参数说明:
event 必须 事件的名称(可以自定义) 支持绑定多个事件 多个事件用空格分开 也可以是map参数和数组
childSelector 可选 添加事件程序的子元素而且不是父选择器本身
data 可选 传递到事件对象 event的额外的参数
function 必选 规定事件发生时运行的函数
jQuery siblings() 方法
返回带有类名 class = “active” 的每个
- 元素的所有同级元素:
$(this).addClass(“active”).siblings().removeClass(“active”)
siblings() 方法返回被选元素的所有同级元素。
同级元素是共享相同父元素的元素。
DOM 树:该方法沿着 DOM 元素的同级元素向前和向后遍历。
提示:请使用 prev() 或 next() 方法来缩小仅仅搜索前一个同级元素或后一个同级元素的范围。 -
jQuery parents() 方法返回被选元素的所有祖先元素。
祖先是父、祖父、曾祖父,依此类推。
DOM 树:该方法从父元素向上遍历 DOM 元素的祖先,直至文档根元素的所有路径()。
注意:如果 filter 参数为空,该方法将从直接父元素直至 和 的所有路径中选取元素集合中的所有祖先。因此传递一个缩小搜索结果范围的选择器表达式是非常有用的。
该方法与 closest() 都是向上遍历 DOM 树,不同点是:parents() 从父元素开始 沿 DOM 树向上遍历,并返回匹配所传递的表达式的所有祖先 返回包含零个、一个或多个元素的 jQuery 对象 closest() 从当前元素开始 沿 DOM 树向上遍历,并返回匹配所传递的表达式的第一个祖先 返回包含零个或一个元素的 jQuery 对象 其他相关方法: parent() - 返回被选元素的直接父元素 parentsUntil() - 返回两个给定参数之间的所有祖先元素
attr()方法
attr() 作用:获取或者设置属性结点的值 可以传递一个参数也可以传递两个参数 如果传递一个参数代表获取属性结点的值 如果传递两个参数代表设置属性结点的值 注意:如果是获取,无论找到多少个元素都只会返回第一个元素指定的属性结点的值 如果是设置,找到多少个元素就会设置多少个元素的值 如果是设置,设置的属性结点不存在,系统会自动新增 removeAttr 作用:删除属性结点 注意:会删除所有找到元素指定的属性结点那么是否有跟attr()相似的属性呢?jquery中val()与之类似,$(this).val();获取某个元素节点的value值,相当于$(this).attr("value");$(this).val(value);设置某个元素节点的value值,相当于$(this).attr("value",value);