If you're seeing this message, it means we're having trouble loading external resources on our website.

如果你被网页过滤器挡住,请确保域名*.kastatic.org*.kasandbox.org 没有被阻止.

主要内容

复习:jQuery 和 循环

jQuery 集合

当你使用jQuery去查找元素,jQuery会返回一个jQuery集合对象:
var $heading = $('h1');
常见的做法是以$符号开始变量名,以显示他们存储的是jQuery集合对象。这可以帮助把它们和那些存储DOM节点的变量区分开来。
如果你想要从jQuery对象中检索DOM节点,你可以将jQuery对象视为数组并使用括号表示法:
var heading = $heading[0];
如果你想要把一个DOM节点转换成jQuery对象,你可以将其传入到jQuery函数中:
var $heading = $(heading);

遍历集合

如果你想要遍历集合中的多个元素,你可以用正常的 for 循环或者 jQuery 的 each():
    $("p").each(function(index, element) { 
        $(element).text( $(element).text() + "!!"); 
    });
当你调用 each() 函数时,你必须将一个‘回调函数’传送给它。jQuery将为集合中的每个元素调用该回调函数,并且把当前索引和元素传送给该函数。
jQuery还会将函数的上下文设置为当前元素,这意味着你可以使用this关键字引用该元素:
    $("p").each(function() { 
        $(this).text( $(this).text() + "!!"); 
    });

想加入讨论吗?

尚无帖子。
你会英语吗?单击此处查看更多可汗学院英文版的讨论.