Jquery中文网 www.jquerycn.cn
Jquery中文网 >  jQuery  >  jquery 教程  >  正文 jquery 设置属性方法attr()

jquery 设置属性方法attr()

发布时间:2011-11-20   编辑:www.jquerycn.cn
本文介绍了jquery 设置属性,jquery 设置属性值的3个方法,jquery 设置属性,jquery 设置属性值主要通过attr()函数

例子 改变textarea的rows属性

$("button").click(function(){
  $("textarea").attr("rows","30");
});

第一种用于设置单个属性
attr( name , attribute) 
参数:name字符串 
参数:attribute字符串 
返回值:jquery对象

实例一 禁用所有索引数大于0的按钮

$("button:gt(0)").attr("disabled","disabled"); 
第二种 用于一次设置多个属性

attr( properties ) 
参数:properties 一个“键/值”形式的对象,属性名为“键”,属性值为“值”
返回值: jQuery对象

实例二

给img元素添加多项属性

$("img").attr({ 
        src: "/images/logo.gif", 
        title: "jquery", 
        alt: "jquery" 
}); 
$("div").text($("img").attr("alt")); 

第三种 使用函数来设置属性/值
attr( key, fn ) 
参数: key String 
参数: fn Function 
返回值:  jQuery 对象

解释:为所有匹配的元素设置一个计算的属性值。不提供值,而是提供一个函数,由这个函数计算的值作为属性值。fn参数可以带有一个参数,此参数为当前元素在jQuery集合中的索引数,fn中的this指代这个元素 

实例三 针对div元素在页面中的位置来添加id属性值

$("div").attr("id", function (arr) { 
        return "div-id" + arr; 
}).each(function () { 
        $("span", this).html("(ID = '<b>" + this.id + "</b>')"); 
}); 

您可能感兴趣的文章:
jquery获取属性值的方法及实例
jquery批量设置属性readonly和disabled的方法
jquery修改属性值实例代码(设置属性值)
JQuery设置和去除disabled属性的5种方法总结
jquery设置元素的readonly和disabled的写法
jquery 获取自定义属性(attr和prop)的实现代码
jQuery .attr()和.removeAttr()方法操作元素属性示例
jQuery获得内容和属性方法及示例
jquery获取id的方法及实例
Jquery下attr和removeAttr的使用方法

关键词: jquery  jquery  教程  attr  属性   
[关闭]