:attr
attr(name)
返回匹配集合中第一个元素的属性‘name’的属性值。如果该元素没有该属性则返回‘未定义’,属性包括title, alt, src, href, width, style, 等等
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ var title = $("em").attr("title"); $("div").text(title); }); </script> <style> em { color:blue; font-weight;bold; } div { color:red; } </style> </head> <body> <p> Once there was a <em title="huge, gigantic">large</em> dinosaur... </p> The title of the emphasis is:<div></div> </body> </html>
var title = $("em").attr("title");
返回匹配em元素集合中第一个em元素里title属性值。以下是属性值
<em title="huge, gigantic">
attr(properties)
将元素属性以及属性值以键值对的形式注入匹配集合每个元素中。并将覆盖元素原有属性值。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("img").attr({ src: "/images/hat.gif", title: "jQuery", alt: "jQuery Logo" }); $("div").text($("img").attr("alt")); }); </script> <style> img { padding:10px; } div { color:red; font-size:24px; } </style> </head> <body> <img /> <img /> <img /> <div></div> </body> </html>
$("img").attr({ 。。。});
往img元素集合里注入属性以及对于属性值。以下为注入属性及属性值
src: "/images/hat.gif",
title: "jQuery",
alt: "jQuery Logo"
attr(key,value)
将一个单独属性及对于属性值注入到匹配元素集合中每个元素。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(document).ready(function(){ $("button:gt(1)").attr("disabled","disabled"); }); </script> <style> button { margin:10px; } </style> </head> <body> <button>0th Button</button> <button>1st Button</button> <button>2nd Button</button> </body> </html>
$("button:gt(1)").attr("disabled","disabled");
将disabled属性以及对应属性值‘disabled’注入到匹配button元素集合的每个button元素里。以下是注入信息
"disabled","disabled"
分享到:
相关推荐
ery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr
主要介绍了jQuery使用attr()方法同时设置多个属性值的用法,实例分析了jQuery中attr方法实现多个属性设置的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jquery更改元素属性attr()方法。分享给大家供大家参考,具体如下: jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写, 是js中setAttribute()和getAttribute()的简化 最基本...
1.$(“Element”).attr(name) ‘取得第一个匹配的属性值,比如$(“img”).attr(“src”) 2.$(“Element”.attr(key,value)”) ‘某一个元素设置属性 3.$(“Element”.attr({key:value,key1:value,….})) ‘为...
jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr()
jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式。 1. attr( 属性名 ) //获取属性的值(取得第一个匹配元素的属性值。通过这个...
问题:经常使用jQuery插件的attr方法获取checked属性值,获取的值的大小为未定义,此时可以用prop方法获取其真实值,下面介绍这两种方法的区别: 1.通过prop方法获取checked属性,获取的checked返回值为boolean,...
jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式
在jquery中可以使用attr()函数修改按钮的disable属性 $(“#test”).attr(‘disabled’,false); jquery 控制button的disabled属性 代码如下: $(‘#button’).attr(‘disabled’,”true”);添加disabled属性 $(‘#...
Jquery的属性和内容操作; jQuery中的属性操作方法;prop()方法:prop()方法用来设置或获取元素固有属性值。 prop()方法获取属性值语法: $(selector).prop("属性名")。 prop()方法设置属性值语法: $(selector).prop...
jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式。 1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值。通过这个方法...
主要详细介绍了jQuery操纵DOM元素属性 attr()和removeAtrr()方法,非常的全面细致,在这里推荐给小伙伴们。
jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式
下面小编就为大家带来一篇JQuery中attr属性和jQuery.data()学习笔记【必看】。小编觉得挺不错的,现在分享给大家,也给大家做个参考,一起跟随小编过来看看吧
主要与大家分享Jquery设置attr的disabled属性控制某行显示或者隐藏的具体实现,喜欢的朋友可以参考下
主要介绍了jQuery获取attr()与prop()属性值的方法及区别介绍的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
那么jQuery就可以让我们轻松的读取,添加,更改或删除一个(或多个)元素中的任何属性,在jQuery中我们可以使用下面的方法来实现: 1 .attr():jQuery中的.attr()方法让你能轻松的读取,增加或修改一个元素的属性...