如何使用JQuery给自定义属性赋值取值

使用JQuery给自定义属性赋值取值

成都创新互联是一家集网站建设,回民企业网站建设,回民品牌网站建设,网站定制,回民网站建设报价,网络营销,网络优化,回民网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

jQuery 属性操作 - attr() 方法

定义和用法

attr() 方法设置或返回被选元素的属性值。

一、返回属性值

返回被选元素的属性值。

语法

$(selector).attr(attribute)

参数描述

attribute    规定要获取其值的属性。

$(selector).attr(attribute)

html

head

script type="text/javascript" src="/jquery/jquery.js"/script

script type="text/javascript"

$(document).ready(function(){

$("button").click(function(){

alert("Image width " + $("img").attr("width"));

});

});

/script

/head

body

img src="/i/eg_smile.gif" width="128" height="128" /

br /

button返回图像的宽度/button

/body

/html

二、设置属性/值

设置被选元素的属性和值。

语法

$(selector).attr(attribute,value)

参数描述

attribute    规定属性的名称。    

value    规定属性的值。

$(selector).attr(attribute,value)

html

head

script type="text/javascript" src="/jquery/jquery.js"/script

script type="text/javascript"

$(document).ready(function(){

$("button").click(function(){

$("img").attr("width","180");

});

});

/script

/head

body

img src="/i/eg_smile.gif" /

br /

button设置图像的 width 属性/button

/body

/html

jquery 怎么给标签添加属性

var anElement = $("#someElement");anElement.attr("anyAttribute","anyValue");// 这段代码可以给ID为someElement的元素增加属性anyAttribute 属性值为anyValue// 属性名字随便写都可以 想写什么都行 如果属性名字存在会修改里面的值 否则就新加属性

jquery操作html标签的方法非常多，小编在这里总结一下。

首先，引入jquery，jquery下载地址在文章末尾的相关链接给出，这是运用jquery的第一步，也是必不可少的一步！

代码如下：

head

script src="jquery.js"/script

/head

当然，你也可以不下载，直接引用。

代码如下：

head

script src="/jquery/1.8.0/jquery.min.js"/script

/head

注意jquery的版本，及时更新。

接下来介绍jquery的第一种操作html标签的方法。

1.操作已经存在的html标签的属性！

这就需要用到一个非常强大的函数attr()

函数写法：

var ss=$("HTML标签的ID").attr("想要获得的属性");

这样准确ID的HTML标签的指定属性的值就会赋给变量ss。

例如：var ss=$("#id").attr("value");

当然还可以给准确ID的HTML标签的指定属性赋值。

函数写法：

$("HTML标签的ID").attr("想要改变的属性","改变的值");

例如：$("#id").attr("class","aaa");

这样可以将ID为"id"的HTML标签的class改为aaa.

利用这个函数更改HTML标签的类或ID，配合样式表可以做出非常炫的动态效果！

贴上样例图：

2.jquery向指定位置添加不存在的HTML标签！

这次需要的函数是append()或appendto()

有很多人搞不起这两个函数的区别，稍后会讲明。

函数写法：

$("HTML标签的ID").append("完整的HTML标签");

例如：$("#id").append("input type='text' value=' ' id='aa' /");

HTML标签的ID是为了定位添加的HTML标签，添加的HTML标签将会出现于指定ID标签的后面！注意控制排版！

贴上样例图：

接下来介绍appendto()的用法以及它和append()的区别！

函数写法：

$("完整的HTML标签").appendto("HTML标签的ID");

例如：$("input type='text' value=' ' id='aa' /").append("#id");

这样也可以达到与append()的相同效果，至于区别，也许你已经发现了，区别就是前后两个括号的内容反过来了，先填写HTML标签，再写指定元素ID。

但是即使这样写，添加的HTML标签仍会出现于指定ID标签的后面！

这个就不贴样例图了。

操作HTML的函数还有很多，比如图中提到的CSS（）。

这是操作指定属性的。用attr()也可以做到，所以就不再介绍。

这里贴上一张jquery操作HTML的方法汇总图。

jquery中可以用什么方法来获取和设置元素属性

attr方法可用2113来获取或设置属性5261，根据参数4102个数的不同来定时获取还1653是设置内，当只有1个参数时容表示获取属性值，当有2个参数时表示设置元素属性。

例如将图片的宽度设置成150：

$("img").attr("width","150");

//参数有width和150，所以是设置

例如获取图片的宽度：

$("img").attr("width");

//参数只有width,所以此时是获取

本文名称：jquery加属性值,jquery获取属性和设置属性
文章起源：http://kswjz.com/article/dsshcpj.html