成都网站建设设计

将想法与焦点和您一起共享

attr怎么使用

这篇文章主要介绍“attr怎么使用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“attr怎么使用”文章能帮助大家解决问题。

成都创新互联-专业网站定制、快速模板网站建设、高性价比周村网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式周村网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖周村地区。费用合理售后完善,十余年实体公司更值得信赖。

.attr( attributeName, value )

描述: 设置每一个匹配元素的一个或多个属性。

attr( attributeName, value )

attributeName

类型: String

要设置值的属性名

value

类型: String,Number

这个属性设置的值

attributes

类型: PlainObject

一个 属性 - 值 集合对象。(译者注:例如{ alt: '', title: 'WEB前端开发-http://www.css88.com })

attributeName

类型: String

要设置值的属性名.

function(index, attr)

类型: Function()

这个函数返回用来设置的值,this指向当前的元素。接收index 参数表示元素在匹配集合中的索引位置和html 参数表示元素上原来的 HTML 内容。

这个 .attr() 方法 是一个设置属性值的方便而且强大的途径—特别是当设置多个属性或使用值来自函数。 让我们考虑下面的图片:

brush seller

Setting a simple attribute(设置一个简单的属性)

我们可以通过.attr()方法非常简单的改变 alt 属性并附上新值:

$('#greatphoto').attr('alt', 'Beijing Brush Seller');

我们可以用同样的方法 添加 一个属性:

$('#greatphoto')

.attr('title', 'Photo by Kelly Clark');

Setting several attributes at once(一次设置多个属性)

同时改变alt 属性 和 添加  title属性, 我们可以使用一个“名/值”形式的对象 (JavaScript object literal)传递给这个方法。 每个 key-value 对象将增加或者修改一个属性:

$('#greatphoto').attr({

alt: 'Beijing Brush Seller',

title: 'photo by Kelly Clark'

});

当设置多个属性,包裹属性名的引号是可选的。

警告: 当设置样式名(“class”)属性时,必须使用引号!

注意: jQuery禁止改变一个