jQuery学习笔记进阶

1.筛选方法

.find(selector) 查找集合每个元素的子节点

搜索所有p元素中的后代 span 元素，并将其颜色设置为红色：

$("p").find("span").css(‘color‘,‘red‘);

.filter(selector) 过滤当前集合内元素改变所有 div 的颜色，然后向div下类名为 "middle" 的类添加边框：

$("div").css("background", "#c8ebcc")
  .filter(".middle")
  .css("border-color", "red");

.ready(handler) 文档加载完成后执行的方法，区别于window.onload在文档加载后激活函数

$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").slideToggle();
  });
});

.each(function(index,element)) 遍历集合内每个元素

输出每个 li 元素的文本：

$("button").click(function(){
  $("li").each(function(){
    alert($(this).text())
  });
});

jQuery.extend( target [, object1 ] [, objectN ] ) 合并对象

src1,src2,src3...合并到dest中,

extend(dest,src1,src2,src3...);