jq添加和移除事件的方法,prop和attr

本文讲解了在jQuery中如何在不同条件下添加和移除点击事件,以及如何正确使用attr和prop方法来操作DOM元素的属性,特别是对于checkbox、radio和select等元素的checked和selected属性的处理。

会在写条件判断的时候遇到,今天在判断没有剩余产品的时候,移除事件。当有产品的时候添加事件:

移除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";

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

转载于:https://www.cnblogs.com/bathue/p/6861254.html

### 如何使用 jQuery 移除元素的 `hidden` 属性 要移除 DOM 元素上的 `hidden` 属性,可以利用 jQuery 的 `.removeAttr()` 方法。此方法专门用于从选定的元素中删除指定的属性[^1]。 以下是实现这一功能的具体代码示例: ```javascript // 假设目标是一个具有 id="myElement" 的 HTML 元素 $(document).ready(function () { // 使用 removeAttr 方法移除 hidden 属性 $("#myElement").removeAttr("hidden"); }); ``` 上述代码片段展示了如何通过 jQuery 来操作文档中的某个特定元素(此处假设其 ID 为 `myElement`),并成功将其 `hidden` 属性移除。注意这里调用了 `(document).ready()` 函数以确保脚本仅在 DOM 完全加载之后才被执行[^3]。 另外需要注意的是,虽然可以通过 `.prop('hidden', false)` 设置隐藏状态为假从而达到显示效果,但这并不会真正意义上移除该属性本身;而 `.removeAttr('hidden')` 则会彻底清除这个属性。 #### 关于其他可能混淆的操作方式说明 有时开发者可能会误以为可以用如下方式处理: ```javascript $("#myElement").attr("hidden", ""); ``` 但实际上这样做只是将 `hidden` 属性值设定为空字符串而非完全去除它,因此推荐采用前文中提到过的 `.removeAttr()` 正确做法。 ### 总结 当需要借助 jQuery 对某项元素实施取消隐匿展示时,最恰当的方式便是运用 `.removeAttr('hidden')` 进行操作,并且最好把这段逻辑放置到页面加载完毕后的回调里执行以便安全可靠地作用于目标节点上。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值