jq添加和移除事件的方法,prop和attr
2017-05-16 14:35
232 查看
会在写条件判断的时候遇到,今天在判断没有剩余产品的时候,移除事件。当有产品的时候添加事件:
移除onClick事件:
$("a").removeAttr("onclick").html("活动结束");
添加onClick事件:
$("a").attr("onclick","task();");
顺便说一下attr和prop
对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
像checkbox、radio和select这样的元素,选中属性对应"checked"和"selected",这些也属于固有属性,因此需要使用prop方法才能获得正确的结果。如果是attr获取到的结果是不对的
prop
attr
也是查看的各位前辈的总结,拿过来自己总结一下的
移除onClick事件:
$("a").removeAttr("onclick").html("活动结束");
添加onClick事件:
$("a").attr("onclick","task();");
顺便说一下attr和prop
对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
<input id="check1" type="checkbox" /> <input id="check2" type="checkbox" checked="checked" />默认选中
像checkbox、radio和select这样的元素,选中属性对应"checked"和"selected",这些也属于固有属性,因此需要使用prop方法才能获得正确的结果。如果是attr获取到的结果是不对的
prop
$("#check1").prop("checked") == false; $("#check2").prop("checked") == true;
attr
$("#check1").attr("checked") == undefined; $("#check2").attr("checked") == "checked";
也是查看的各位前辈的总结,拿过来自己总结一下的
相关文章推荐
- jq .attr()和.prop()方法的区别
- jq在添加a链接时绑定事件,在方法中获取表格中的信息
- JQ bind方法被选元素添加的一个或多个事件处理程序
- jq禁掉或移除点击事件的方法总结
- ThinkPHP框架下,给jq动态添加的标签添加点击事件移除标签
- :[JQ权威指南]第十天:unbind()方法移除元素绑定事件
- js 动态给元素添加、移除事件的实现方法
- JQ中的attr和prop方法
- js动态添加事件的方法
- 统一的为对象添加多播事件委托的方法
- 添加和移除函数的通用方法。
- 给TextBox添加失去焦点事件(两种方法)
- 2种添加多监听器事件的方法
- 添加/删除请求开始事件的方法 (asp.net ajax框架)
- JS动态添加事件的执行方法.
- Javascript公共脚本库系列(二): 添加事件多播委托的方法
- js动态添加事件的方法
- 在各浏览器中动态添加事件-方法篇
- 给自定义控件(Web Control)添加事件的几种方法。前两种方法可以不实现IPostBackEventHandler