码迷,mamicode.com
首页 > Web开发 > 详细

jQuery学习笔记进阶

时间:2014-11-01 23:08:50      阅读:290      评论:0      收藏:0      [点我收藏+]

标签:des   style   io   color   ar   sp   strong   div   on   

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学习笔记进阶

标签:des   style   io   color   ar   sp   strong   div   on   

原文地址:http://www.cnblogs.com/hengqianduan/p/4055469.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!