jquery中attr和prop以及removeAttr和removeProp的区别

结论：attr和prop都可以获取自定义对象的属性值，区别是attr能获取标签元素自定义属性，prop无法获取，返回undefined，它只能获取标签自带属性。
removeAttr标签上的属性都可以移除,自定义对象属性不能移除，removeProp不可以移除标签自定义属性，可以移除自定义对象上的属性
attr和prop代码：

<img src="img/1.jpg" data-icon = "bonly" alt="这是一张图片"/>

console.log($("img").attr('data-icon')); // bonly
console.log($("img").prop('data-icon')); // undefined 不能获取自定义属性的值
$("img").attr('data-icon','Amy'); // 可以赋值
$("img").prop('data-icon','Amy'); // 不可以赋值

var bonly = {name: 'bonly',age: "18",weight: '70kg'
};
console.log($(bonly).attr('age')); // 18
console.log($(bonly).prop('age')); // 18
$(bonly).attr('age',20); // 可以进行赋值
$(bonly).prop('age',20); // 可以进行赋值

removeAttr和removeProp

$("img").removeAttr('src'); // 自有属性可以移除
$("img").removeAttr('data-icon'); // 自定义属性可以移除
$("img").removeProp('src'); // 可以移除
$("img").removeProp('data-icon'); // 自定义属性不可以移除

$(bonly).removeAttr('name'); // 不能移除
$(bonly).removeProp('name'); // 可以移除

转载于:https://www.cnblogs.com/bonly-ge/p/9208544.html

jquery中attr和prop以及removeAttr和removeProp的区别相关推荐

jQuery中attr()和prop()方法的介绍
1.jQuery中用attr()方法来获取和设置元素属性.attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. attr(属性名) ...
Jquery中attr与prop的区别
prop()函数的结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性,返回值是空字符串. attr()函数的结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性, ...
jQuery中attr和prop方法的区别
2019独角兽企业重金招聘Python工程师标准>>> 相比attr,prop是1.6.1才新出来的,两者从中文意思理解,都是获取/设置属性的方法(attributes和proper ...
关于jQuery中.attr()和.prop()
功能需求是这样的,两个radio:男和女,一个button:重置.启动页面默认选中男,在用户选择女之后又点击重置按钮,需要恢复到默认状态. <input type="radio&quo ...
jquery中attr和prop的区别分析
参考来源:http://www.jb51.net/article/62308.htm 在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问 ...
jquery 中attr和prop的区别
在jQuery API中也有专门解释: Attributes VS. Properties 在一些特殊的情况下,attributes和properties的区别非常大.在jQuery1.6之前,.at ...
jQuery 中 attr() 和 prop() 方法的区别
为什么80%的码农都做不了架构师?>>> 具有 true 和 false 两个属性的属性,如 checked, selected 或者 disabled 使用prop(),其他 ...
转，jquery中attr和prop的区别
https://www.cnblogs.com/Showshare/p/different-between-attr-and-prop.html 像checkbox,radio和select这样的元素 ...
[jQuery] jQuery的attr和prop方法有什么区别？
[jQuery] jQuery的attr和prop方法有什么区别? 一.property 固有属性. 打开控制台审查元素切换Tab至 Properties下查看固有属性二.自定义属性(固有属性列表 ...

jquery中attr和prop以及removeAttr和removeProp的区别

jquery中attr和prop以及removeAttr和removeProp的区别相关推荐

最新文章

热门文章