jq添加和移除事件的方法,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";

也是查看的各位前辈的总结,拿过来自己总结一下的

上一篇:JS阻止事件冒泡与浏览器默认行为


下一篇:js操作DOM动态添加和移除事件