jQuery的attr(),removeAttr()与prop(),removeProp()方法的区别

最新推荐文章于 2021-09-28 12:28:44 发布

叫我泽西哥好吗

最新推荐文章于 2021-09-28 12:28:44 发布

阅读量1.4k

点赞数 1

分类专栏： js 文章标签： jquery

本文链接：https://blog.csdn.net/u013897685/article/details/65635915

版权

js 专栏收录该内容

17 篇文章 0 订阅

订阅专栏

对于HTML元素本身就带有的固有属性，在处理时，使用prop(),removeProp()。
对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr(),removeAttr()。

<div class="form-group">
    <label class="control-label col-md-4 col-sm-4" for="fullname">自动下载</label>
    <div class="col-md-7 col-sm-6">
    <label>
    <input type="radio" name="txt_AUTO" id="txt_AUTO1" value="1" >是
    </label>
    <label>
     <input type="radio" name="txt_AUTO" id="txt_AUTO0" value="0" checked="checked">否
    </label>
</div>
</div>

当时用$(“#txt_AUTO1”).attr(“checked”,”checked”);调试代码时发现单选按钮切换成功，txt_AUTO1属性值赋值成功，但是页面上txt_AUTO1没有显示选中。后来换成prop就好了。

if(row.auto==1){
    $("#txt_AUTO0").removeProp("checked");
    $("#txt_AUTO1").prop("checked","checked");
}else{
    $("#txt_AUTO1").removeProp("checked");
    $("#txt_AUTO0").prop("checked","checked");
}