jQuery学习笔记:属性
2009-08-08 19:56
253 查看
一、属性1、attr(name)
取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined 。
返回值 Object
参数
name (String) : 属性名称
示例:
$(document).ready(function() {
var src = $("img").attr("src"); //返回文档中第一个图像的src属性值
alert(src);
});
2、attr(properties)
将一个“名/值”形式的对象设置为所有匹配元素的属性。
这是一种在所有匹配元素中批量设置很多属性的最佳方式。 注意,如果你要设置对象的class属性,你必须使用'className' 作为属性名。
或者你可以直接使用.addClass( class ) 和 .removeClass( class ).
返回值 jQuery
参数
properties (Map) : 作为属性的“名/值对”对象
示例:
<div>
<select id="single">
<option>Single</option>
<option>Single2</option>
</select>
<select id="multiple" multiple="multiple">
<option selected="selected">Multiple</option>
<option>Multiple2</option>
<option selected="selected">Multiple3</option>
</select><br />
<input type="checkbox" value="check1" />
check1
<input type="checkbox" value="check2" />
check2
<input type="radio" value="radio1" />
radio1
<input type="radio" value="radio2" />
radio2
</div>
到这里,你是不是又对dom操作省心了不少?想起以前天怒人怨的dom笨拙的操作方式...呵呵,解放了,oh yeah。
取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返回 undefined 。
返回值 Object
参数
name (String) : 属性名称
示例:
$(document).ready(function() {
var src = $("img").attr("src"); //返回文档中第一个图像的src属性值
alert(src);
});
2、attr(properties)
将一个“名/值”形式的对象设置为所有匹配元素的属性。
这是一种在所有匹配元素中批量设置很多属性的最佳方式。 注意,如果你要设置对象的class属性,你必须使用'className' 作为属性名。
或者你可以直接使用.addClass( class ) 和 .removeClass( class ).
返回值 jQuery
参数
properties (Map) : 作为属性的“名/值对”对象
示例:
<div>
<select id="single">
<option>Single</option>
<option>Single2</option>
</select>
<select id="multiple" multiple="multiple">
<option selected="selected">Multiple</option>
<option>Multiple2</option>
<option selected="selected">Multiple3</option>
</select><br />
<input type="checkbox" value="check1" />
check1
<input type="checkbox" value="check2" />
check2
<input type="radio" value="radio1" />
radio1
<input type="radio" value="radio2" />
radio2
</div>
到这里,你是不是又对dom操作省心了不少?想起以前天怒人怨的dom笨拙的操作方式...呵呵,解放了,oh yeah。
相关文章推荐
- 前端学习-jQuery学习小笔记(2)——jQ属性样式篇
- JQuery学习笔记-属性选择器
- jQuery学习笔记--属性 attr() removeAttr()
- jQuery学习笔记1——操作属性
- JQuery学习笔记之属性选择器
- jQuery学习笔记 操作jQuery对象 属性处理
- jquery对象的基本方法和属性--学习笔记
- 前端学习笔记-jquery-8-属性选择器
- JQuery学习笔记-属性选择器
- jquery学习笔记-jQuery操纵DOM元素属性 attr()和removeAtrr()方法
- JQuery中attr属性和jQuery.data()学习笔记【必看】
- jQuery学习笔记--属性prop() removeProp()
- JQuery学习笔记之操作html元素及其属性
- 【jQuery学习笔记---------包裹元素与属性操作】
- JQuery 学习笔记 element属性控制
- jQuery学习笔记--jqGrid的属性列表
- JQuery中attr属性和jQuery.data()学习笔记【必看】
- jQuery学习笔记之jQuery原型属性和方法