开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

jQuery .attr不会第二次更改

jQuery的.attr()方法用于获取或设置元素的属性值。它接受两个参数，第一个参数是要获取或设置的属性名，第二个参数是要设置的属性值（可选）。

对于问题中的情况，jQuery的.attr()方法在第二次调用时不会更改属性的值。这是因为该方法只会获取或设置首次匹配的元素的属性值，后续的调用将不会对之前的元素有任何影响。

如果需要对属性进行多次更改，可以考虑使用其他的jQuery方法，如.prop()方法或者直接使用JavaScript的属性操作。

下面是.attr()方法的使用示例：

// 获取元素的属性值
var attrValue = $("selector").attr("attributeName");

// 设置元素的属性值
$("selector").attr("attributeName", "attributeValue");

// 使用.prop()方法设置元素的属性值
$("selector").prop("attributeName", "attributeValue");

在实际开发中，jQuery的.attr()方法可以应用于各种场景，例如设置元素的src属性、href属性、class属性等。通过该方法，可以方便地对元素的属性进行操作和管理。

推荐的腾讯云相关产品：

腾讯云CDN：用于加速内容分发，提供全球加速和动态加速服务。链接：https://cloud.tencent.com/product/cdn
腾讯云对象存储COS：提供可靠、安全、低成本的云端存储服务。链接：https://cloud.tencent.com/product/cos
腾讯云云服务器CVM：提供弹性计算能力，适用于各种云计算场景。链接：https://cloud.tencent.com/product/cvm

以上是关于jQuery的.attr()方法以及腾讯云相关产品的介绍，希望能对您有所帮助。

相关搜索:jquery - 如果href attr ==""JQuery淡入Attr变化 Jquery 1.4.2检查的.attr未更改元素 JQuery .width()不会更改宽度 jQuery attr()无法设置属性 jQuery.attr()保证小写？删除jquery所需的attr 使用jQuery更改href。$(id).attr("href"，"url")不起作用 .change jQuery不会更改数据 jquery attr("onClick") - ie和ff jquery .attr()返回未定义 Angular: ng-change与jQuery混合，不会在第二次更改时触发 jQuery文本仅在第二次单击后更改原生javascript等价于jQuery .attr(...).load()？如果宽度小于..，则为jQuery更改src attr，否则，使用以前的滚动时JQuery导航菜单不会更改颜色 jQuery不会将显示更改为数据块当窗口大小更改时，jQuery不会执行第二次更改时，Webpack手表不会生成输出更改时仅在第二次更改选择框后触发JQuery

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

jquery的attr

设置属性的值 $(document).ready(function(){ $("button").click(function(){ $("img").attr({width:..."50",height:"80"});//设置多个属性 //$("img").attr("width","180");设置一个属性 }); }); <body...获取属性的值 $(document).ready(function(){ $("button").click(function(){ alert("Image width " + $("img").attr

1K1 0

jQuery: attr() vs prop()

> 我们在浏览器窗口的console中输出： var inputs = document.getElementsByTagName...3. prop()和attr()的区别？...attribute拿到的只是初始的值： elem.getAttribute( "checked" ) // "checked" (String) 记录初始状态, 值为"checked"或者任意你设置的值，不会随着勾选状态而改变...jQuery的attr()方法获的的结果也跟getAttribute是一致的： $(‘input[type=“checkbox”’).attr( ‘checked’ ) // 同上一条至于说jQuery

1.5K5 0

jQuery.prop , jQuery.attr ,jQuery.data

根据jquery官网。 jquery.prop 获取匹配的元素中第一个元素特定的属性值，或者是设置多个元素的属性值。有4个重载。 .prop(propertyName) 获取属性名对应的属性值。...jQuery1.6以后，用.prop()特指获取property，.attr()特指获取attribute。...在jQuery1.6以前的版本中，也可以用.attr()来获取。但这其实不是.attr的分内之事，因为这些只是property，而不是attribute。比如有这个。...(jQuery网站上是这么讲的，但是试了一下，不明白啊。。...objects without memory leaks, use .data())；]set理解成是设置是不对的呀，因为$("#div1").data({"class":"colorfulRed"})不会改变

3.8K2 0

jquery中attr和prop区别

区别： prop：attr 方法针对单选框和复选框的是否选中问题操作复杂（元素.attr(“checked”) 选中返回值为 checked，未选中返回值为 undefined，不是直接显示 true

8271 0

jQuery第十五篇 attr

/jquery-1.10.1.min.js"> $(function() { $("span").attr("class...span class="span1" name="it666"> /* 1.attr

7912 0

jquery中attr()和prop()的区别

2、应用版本不同 attr()是jQuery 1.0版本就有的函数，prop()是jQuery 1.6版本新增的函数。...4、其他细节问题在jQuery 1.6之前，只有attr()函数可用，该函数不仅承担了attribute的设置和获取工作，还同时承担了property的设置和获取工作。...例如：在jQuery 1.6之前，attr()也可以设置或获取tagName、className、nodeName、nodeType等DOM元素的property。...直到jQuery 1.6新增prop()函数，并用来承担property的设置或获取工作之后，attr()才只用来负责attribute的设置和获取工作。...并且，在某些版本中，这些属性值表示文档加载时的初始状态值，即使之后更改了这些元素的选中(或禁用)状态，对应的属性值也不会发生改变。

1.9K2 0

Jquery中.attr和.data的区别

$.attr()和$.data()本质上属于 DOM属性和 Jquery对象属性的区别： $.attr()每次都从DOM元素中取属性的值。...$.data(‘xxx’)是从 Jquery对象中取值，由于对象属性值保存在内存中，因此可能和视图里的属性值不一致的情况。...$.data(‘xxx’, ‘xxxx’)会将字符串’xxxx’塞到 Jquery对象的’xxx’属性中，而不是塞到视图标签的data-xxx属性中。...所以$.attr()和$.data()应避免混合用通过$.attr()来进行set属性，然后通过$.data()进行get属性值；通过$.data()来进行set属性，然后通过$.attr()进行get...同时从性能的角度来说，建议使用$.data()来进行set和get操作，因为它仅仅修改的 Jquey对象的属性值，不会引起额外的DOM操作。

9432 0

jQuery中prop和attr的区别

HTML5学堂：本文介绍了prop和attr的区别。...jQuery中有这么两个东西 —— attr()与prop()，很多开发者在使用时，经常容易混淆，今天HTML5学堂小编-其其就带你一起看看attr和prop方法。...jQuery文档中，attr和prop的参数都是一样的，而这两个东西都被认为是属性，那么他们之间到底有什么区别呢？下面我们一起验证下。...attr与prop的真身 attr全称attribute(属性) prop全称property(属性) 虽然都是属性，但他们所指的属性并不相同，attr所指的属性是HTML标签属性，而prop所指的是DOM...对象属性，可以认为attr是显式的，而prop是隐式的。

1.6K9 0

Jquery attr()方法属性赋值和属性获取

jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM操作中会经常用到attr()，attr()有4个表达式。...org/1999/xhtml"> jquery...中attr()方法 ...jquery中删除属性的关键词是: removeAttr 注意A是大写的....jquery中val()与之类似，(this).val();获取某个元素节点的value值，相当于(this).attr("value");(this).val(value);设置某个元素节点的value

10.3K4 0

jQuery的attr方法处理checkbox的问题

现象使用了 jQuery 1.10 的版本，想实现 checkbox 的全部选中和全部取消选中，使用了 attr 的方法，如下： $(elem).attr(“checked”) 测试过程中发现，第一次从未选中状态变为选中...但是第二次界面上就没有任何变化了，但是查看元素，发现 checked 属性实际上已经改变了。这是什么情况呢？...然后官方还特别注明了 As of jQuery 1.6, the .attr() method returns undefined for attributes that have not been...文档还特别对 attr() 和 prop() 进行了对比，总体来说 jQuery 1.6 版本之后，为了保证函数在不同环境下表现的一致性，建议对于获取 DOM 元素的固有属性，使用 prop() 方法，...参考资料： 1、jQuery attr 2、jQuery prop 3、W3C Forms

9271 0

使用jQuery操作data-attr的注意事项

jQuery在很久之前，就封装了一个 $.fn.data() 的方法，而该方法是将数据存放在DOM内部的一个数据对象中。...后续对这个key的所有读写操作，其实都是操作的这个数据缓存，而DOM上面的data-attr并不会发生任何变化。...如果你有一些样式，是希望同步这个data-attr的状态的，用 $.fn.data() 来操作就会发生一些奇怪的事情（之前一次没细看jQuery这块的实现，只是发现出来的效果怪怪的），建议改用 $....fn.attr() 方法或者JS原生方法。...附：为了和 $.data() 做区分，我这里用 $.fn.attr() 和 $.fn.data() 这种jQuery原型链上的方法来表示 $(selector).data()

4540 0

第82天：jQuery中prop()和attr()的区别

在高版本的jquery引入prop方法后，什么时候该用prop？什么时候用attr？它们两个之间有什么区别？这些问题就出现了。关于它们两个的区别，网上的答案很多。...对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。上面的描述也许有点模糊，举几个例子就知道了。 ...处理这些属性时，建议使用attr方法。使用prop方法取值和设置属性值时，都会返回undefined值。...$("#chk1").prop("checked") == false $("#chk2").prop("checked") == true 如果上面使用attr方法，则会出现： $("#chk1")....attr("checked") == undefined $("#chk2").attr("checked") == "checked"

5082 0

jQuery基础--CSS操作、class操作、attr操作、prop操作

/jquery-1.12.4.js"> $(function () { $(".tab-item").mouseenter(function...操作设置属性 //用法和css一样 //设置单个属性 //attr(name, value) //$("img").attr("alt", "图破了"); //$("img...").attr("title", "错错错错"); //设置多个属性 /*$("img").attr({ alt:"图破了", title:"错错错",...aa:"bb" })*/ 　获取属性简单 prop操作 //对于布尔类型的属性，不要attr方法，应该用prop方法 prop用法跟attr方法一样。...日式肥牛田老师 <script src="<em>jquery</em>

1.1K2 0

jquery中dom元素的attr和prop方法的理解

一、背景　　在编写使用高版本[ jQuery 1.6 开始新增了一个方法 prop()]的jquery插件进行编写js代码的时候，经常不知道dom元素的attr和prop方法到底有什么区别？...各自有什么应用场景，什么时候使用attr方法更合适？什么时候使用prop方法更加方便？今天我就结合自己平常的使用来谈谈这些问题以及我个人的理解。...这些属性被称为dom元素的自定义属性，这种情况下，我建议使用attr方法。此时若使用prop方法进行设置和获取该属性的值时就会返回undefined值。　　...").prop("checked") == false $("#sel").prop("checked") == true $("#op").prop("selected") == true 如果使用attr...方法会出现下面的结果 $("#se").attr("checked") == 'undefined' $("#sel").attr("checked") == 'checked' $("#op").attr

1.2K2 0

jQuery text() html() val()设置内容和attr()设置属性的用法

(index: " + i + ")"; }); }); 设置属性 - attr() jQuery attr() 方法也用于设置/改变属性值。...jquery"); }); attr() 方法也允许您同时设置多个属性。.../jquery", "title" : "W3School jQuery Tutorial" }); }); attr() 的回调函数 jQuery 方法 attr()，也提供回调函数。...带有回调函数的 attr() 方法： $("button").click(function(){ $("#w3s").attr("href", function(i,origValue){ ...return origValue + "/jquery"; }); });

1.8K0 0

从一个bug说jquery中的attr和prop

input"); for (var i=0; i<list.length; i++){ console.log('input ' + i + ':' + $(list[i]).attr...注意，这里获取状态值时，我们使用了jquery的attr函数。...莫非jquery的attr有bug！？几经查询，发现不是attr有问题，是我用错了api。应该使用prop, 而不是attr。...将 $(list[i]).attr('checked')替换为 $(list[i]).prop('checked')，相应图1，图2操作得到的结果是 input 0:false input...附官方建议attr(),prop()的使用： Attribute/Property .attr() .prop() accesskey √ align √ async √ autofocus

5412 0

全面入门jQuery最佳实践(二)-jQuery的属性与样式1 .attr()与.removeAttr()2 html()及.text()

而在jQuery中用attr()与removeAttr()就可以全部搞定了，包括兼容问题 attr()获取和设置元素属性 attr(传入属性名)：获取属性的值 attr(属性名, 属性值)：设置属性的值...attr(属性名,函数值)：设置属性的函数值 attr(attributes)：给指定元素设置多个属性值，即：{属性名一: “属性值一” , 属性名二: “属性值二” , … … } removeAttr...()删除方法 .removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性（attribute）优点： attr、removeAttr都是jQuery...为了属性操作封装的，直接在一个 jQuery 对象上调用该方法，很容易对属性进行操作，也不需要去特意的理解浏览器的属性名不同的问题 dom概念的区分： Attribute和Property翻译出来都是...，获取Property就需要用prop 2 html()及.text() 读取、修改元素的html结构或者元素的文本内容是常见的DOM操作 jQuery针对这样的处理提供了2个便捷的方法.html()

6683 0

jquery checkbox反复调用attr(checked, truefalse)只有第一次生效

/** * 全选 */ function checkAll() { $("input[name=ids]").attr("checked", true); } ... /** * 全不选 */ function uncheckAll() { $("input[name=ids]").attr("checked", false); ...google之: 把使用prop方法代替attr方法， /** * 全选 */ function checkAll() { $("input[name=ids]").prop("

4582 0

我现在写jquery，你们会不会打我？？

前端天下已各分东西，回眸看看来时的路，你我可曾记得当年的大哥 jquery。回想那个纯真的年代，jquery一统天下，前端的世界如此纯洁无瑕。...jquery选择器实现 jquery在设计之初都是围绕着核心思想write less do more来设计的。...恩，到这，jquery 是基于js来实现的，那么我们如何用原生js来实现一个选择器封装呢？one thousand years later....！...eq方法实现在jquery中有些比较有特点的方法。比如eq ，可以选择具体哪个节点来进行操作。通过eq方法也可以看到现在经常在前端中见到的链式操作。...css方法在jquery设计之初比较有特点，不仅仅提供了各种api的调用，还基础未来。

4691 0

JavaScript 中 Property 和 Attribute 的区别详解

中得到同步； attribute不会同步property上的值； attribute和property之间的数据绑定是单向的，attribute->property；更改property和attribute...从上述测试的现象可以推断，jQuery.attr和jQuery.prop基本和原生的操作方法效果一致，property会从attribute中获取同步，然而attribute不会从property中获取同步...，而不会像直接访问attritudes那样返回一个Attr对象。...console.log(in1); // true console.log(in1.getAttribute('disabled')); // 'false' 改变attributes中的disabled不会改变更改...property中； attribute的值都是字符串；数据绑定 attributes的数据会同步到property上，然而property的更改不会改变attribute；对于value，class

3.7K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭