内容参考:
each(callback)
概述
以每一个匹配的元素作为上下文来执行一个函数。
意味着,每次执行传递进来的函数时,函数中的this关键字都指向一个不同的DOM元素(每次都是一个不同的匹配元素)。而且,在每次执行函数时,都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数(从零开始的整型)。 返回 'false' 将停止循环 (就像在普通的循环中使用 'break')。返回 'true' 跳至下一个循环(就像在普通的循环中使用'continue')。
示例
描述:
迭代两个图像,并设置它们的 src 属性。注意:此处 this 指代的是 DOM 对象而非 jQuery 对象。
HTML 代码:
jQuery 代码:
$("img").each(function(i){ this.src = "test" + i + ".jpg"; });
结果:
[,
]
attr(name|properties|key,value|fn)
概述
设置或返回被选元素的属性值。
参数
nameStringV1.0
属性名称
propertiesMapV1.0
作为属性的“名/值对”对象
key,valueString,ObjectV1.0
属性名称,属性值
key,function(index, attr)String,FunctionV1.1
1:属性名称。
2:返回属性值的函数,第一个参数为当前元素的索引值,第二个参数为原先的属性值。
示例
参数name 描述:
返回文档中所有图像的src属性值。
jQuery 代码:
$("img").attr("src");
参数properties 描述:
为所有图像设置src和alt属性。
jQuery 代码:
$("img").attr({ src: "test.jpg", alt: "Test Image" });
参数key,value 描述:
为所有图像设置src属性。
jQuery 代码:
$("img").attr("src","test.jpg");
参数key,回调函数 描述:
把src属性的值设置为title属性的值。
jQuery 代码:
$("img").attr("title", function() { return this.src });
addClass(class|fn)
概述
为每个匹配的元素添加指定的类名。
参数
classStringV1.0
一个或多个要添加到元素中的CSS类名,请用空格分开
function(index, class)FunctionV1.4
此函数必须返回一个或多个空格分隔的class名。接受两个参数,index参数为对象在这个集合中的索引值,class参数为这个对象原先的class属性值。
示例
参数class 描述:
为匹配的元素加上 'selected' 类
jQuery 代码:
$("p").addClass("selected");$("p").addClass("selected1 selected2");
回调函数 描述:
给li加上不同的class
HTML 代码:
- Hello
- Hello
- Hello
jQuery 代码:
$('ul li:last').addClass(function() { return 'item-' + $(this).index();});
html([val|fn])
概述
取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
在一个 HTML 文档中, 我们可以使用 .html() 方法来获取任意一个元素的内容。 如果选择器匹配多于一个的元素,那么只有第一个匹配元素的 HTML 内容会被获取。
参数
valStringV1.0
用于设定HTML内容的值
function(index, html)FunctionV1.4
此函数返回一个HTML字符串。接受两个参数,index为元素在集合中的索引位置,html为原先的HTML值。
示例
无参数 描述:
返回p元素的内容。
jQuery 代码:
$('p').html();
参数val 描述:
设置所有 p 元素的内容
jQuery 代码:
$("p").html("Hello world!");
回调函数描述:
使用函数来设置所有匹配元素的内容。
jQuery 代码:
$("p").html(function(n){ return "这个 p 元素的 index 是:" + n; });
l
[attribute]
概述
匹配包含给定属性的元素。注意,在jQuery 1.3中,前导的@符号已经被废除!如果想要兼容最新版本,只需要简单去掉@符号即可。
参数
attributeStringV1.0
属性名
示例
描述:
查找所有含有 id 属性的 div 元素
HTML 代码:
Hello!
jQuery 代码:
$("div[id]")
结果:
[]