jquery.attr()和jquery.prop()

最新推荐文章于 2022-05-14 13:53:08 发布
最新推荐文章于 2022-05-14 13:53:08 发布
阅读量152 收藏
点赞数
分类专栏： jquery源码分析学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rose999ying/article/details/86622467
版权

jquery.attr() ==> setAttribute

jquery.attr()和jquery.prop() ==> 类似使用对象的属性操作（.）和（[ ]）

如果是自定义属性，attr会添加到dom节点上，prop则不会

获取自定义属性的时候， attr能获取，但是prop在某些浏览器下，会获取到空值

某些标签，比如a标签的href值，attr和prop两者获取到的值是不同的

自带的属性，最好使用attr，不要使用prop的方式，因为会有很多的问题

removeAttr ==>删除操作后就获取不到对应属性值了，（删除自带的属性）

removeProp ==> 删除操作后扔能获取到对应属性值了，（删除自带的属性，因为自定义的属性，prop有时候是获取不到的）

 

油菜花666
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JQuery中attr和prop
程序媛
12-04 132
原文链接：https://blog.csdn.net/wulex/article/details/81063398 在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。 现在的JQuery版本来说： 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。 对于HTML元素我们自己自定义的DOM属性，在处理...
关于jQuery中.attr()和.prop()的问题探讨
10-26
写了几句代码在ie8上能正常运行，chrome和ff却不行，prop()方法适用于Boolean值的属性，添加属性名称该属性就会生效应该使用.prop()者两点就是他们的区别吧
jQuery获取属性.attr()和.prop()的区别和使用方法
m0_46177521的博客
08-05 157
prop()函数的结果: 1.如果有相应的属性，返回指定属性值。 2.如果没有相应的属性，返回值是空字符串。 attr()函数的结果: 1.如果有相应的属性，返回指定属性值。 2.如果没有相应的属性，返回值是 undefined。 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。 对于HTML元素我们自己自定义的DOM属性，在处理时，使用 attr 方法。 具有 true 和 false 两个属性的属性，如 checked, selected 或者 disabled
jQuery中attr与prop
m0_52228992的博客
05-14 857
attr与prop非常相似，均可访问元素的属性值和设置属性值，但prop多用于设置（访问）DOM属性，attr没有限制,HTML、DOM均可 语法： 获取属性值：元素.attr("属性") 或者 元素.prop("属性") 设置属性值：元素.attr("属性","属性值") 或者 元素.prop("属性","属性值") 设置获取属性时，需要注意的是，这里的属性必须能够直接在html标签内写出，类似（<img src"XXX" width="100px">），这里的width可以访问并设.
jquery中attr和prop的区别分析
10-24
在jQuery中，`attr` 和 `prop` 是两个用于获取和设置HTML元素属性的方法，但它们之间存在着重要的差异。理解这两个方法的区别对于高效且准确地操作DOM至关重要。 首先，`attr` 方法主要用于处理HTML元素的自定义...
Jquery.doc
05-27
在jQuery中，`$(selector).attr("attrName")` 获取属性值，`$(selector).attr("attrName", "value")` 设置属性值。另外，`$(selector).val()` 用于获取或设置表单元素的值，`$(selector).html()` 获取或设置元素的...
数组---contact
rose999ying的博客
01-15 1525
var core_concat = [].concat; var arr = [ [1],[2],[3],[4],[5],[6],[7], ]; var arr2 = [8, 9]; arr.push(arr2); console.log(arr); console.log(core_concat.apply([], arr));
$.when()
rose999ying的博客
01-22 838
function aaa(){ var dfd = $.Deferred(); dfd.resolve(); return dfd; } function bbb(){ var dfd = $.Deferred(); dfd.reject(); //return dfd; } $.when( 123 , 456 ).done(function(){//这里的参数123,456...
jquery.Deferred()
rose999ying的博客
01-21 808
$().ready(function() { var cb = $.Callbacks(); setTimeout(function() { alert(111) cb.fire(); }, 2000); cb.add(function() {//这里先把函数存到数组里面，当定时器里面触发fire()方法的时候，就会触发数组里面这个函数的调用 a...
jquery.each（）源码
rose999ying的博客
01-15 673
function each ( obj, callback, args ) { var value, i = 0, length = obj.length, isArray = isArraylike( obj ); if ( args ) { if ( isArray ) { for ( ; i &lt; length; i++ ) { va...
jquery.Data()
rose999ying的博客
01-23 597
/*$('#div1').attr('name','hello'); alert( $('#div1').attr('name') );*/ document.getElementById('div1').setAttribute('name','hello'); alert( document.getElementById('div1').getAttribute('name')...
jquery.queue()
rose999ying的博客
01-23 461
      &lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &lt;title&gt;无标题文档&lt;/title&gt; &lt;script src=&q
jquery ---$.proxy()改变this指向的源码
rose999ying的博客
01-15 371
var obj = { show : function(){ alert(this); } }; $(document).click( $.proxy(obj,'show') );//obj下面的show方法的this指向obj $.proxy(obj,'show') -&gt; $.proxy(obj.show,obj) 一般写法是：$.proxy(方法名，this的指向者)；...
jquery.support()
rose999ying的博客
01-22 353
jQuery.support = (function( support ) { var input = document.createElement("input"), fragment = document.createDocumentFragment(), div = document.createElement("div"), select = doc...
jQuery解决冲突noConflict方法源码解析
rose999ying的博客
03-15 151
var _jQuery = window.jQuery, _$ = window.$; // jQuery 初始化的时候，把可能存在的window.$和window.jQuery备份到局部变量_$和_jQuery。 jQuery.extend({ noConflict: function (deep) { // 防止冲突 if (window.$...
jquery.access源码分析（2.0.3）
rose999ying的博客
01-15 137
&lt;script&gt; function access( elems, fn, key, value, chainable, emptyGet, raw ) { /* *@param elems ==&gt; 要操作的元素，可能是一个集合数组， *@param fn ==&gt; 回调，区分具体是操作,比如使用的是attr()方法和css()方法具体操作是不...
jquery.callbacks(源码)
rose999ying的博客
01-17 124
&lt;script&gt; $().ready(function() { var optionsCache = {}; var core_rnotwhite = /\S+/g; function createOptions( options ) { var object = optionsCache[ options ] = {}; jQuery...
守望先锋资讯小程序(源码).zip
最新发布
07-28
守望先锋资讯小程序(源码).zip
jquery.attr()兼容chrome问题
06-09
在使用 jQuery 的 attr() 方法时，可能会遇到兼容性问题，特别是在 Chrome 浏览器中。这是因为 Chrome 在处理 DOM 元素属性时有一些特殊的行为。 为了解决这个问题，可以尝试以下方法： 1. 使用 prop() 方法代替 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值