首页 > 代码库 > jQuery学习笔记进阶

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...);










jQuery学习笔记进阶