jquery-随手记

最新推荐文章于 2022-05-16 18:00:54 发布

原创最新推荐文章于 2022-05-16 18:00:54 发布 · 115 阅读

CC 4.0 BY-SA版权

文章标签：

1、[size=large]$(document).ready(function(){});跟$(function(){});等同。[/size]

2、
[img]http://dl2.iteye.com/upload/attachment/0123/5584/ca0923cb-9cad-3c6a-b989-de848fd186a8.png[/img]

3、[size=large]获得焦点focus();[/size]
$("input").focus(function(){
$(this).css("background-color","#cccccc");
});
[size=large]失去焦点blur();[/size]
$("input").blur(function(){
$(this).css("background-color","#ffffff");
});

4、[size=large]fadeIn(speed,callback),fadeOut(speed,callback),fadeToggle(speed,callback),fadeTo(speed,opacity,callback):想不同的透明度且速度不一样可以用。[/size]

5、[size=large]slideDown(speed,callback),slideUp(speed,callback),slideToggle(speed,callback)[/size]

6、[size=large]$(selector).animate({params},speed,callback); params:定义形成动画的 CSS 属性.
如果想要多种样式，可以如下这样：$("button").click(function(){
var div=$("div");
div.animate({height:'300px',opacity:'0.4'},"slow");
div.animate({width:'300px',opacity:'0.8'},"slow");
});
stop()方法可以阻止动画动。$("div").stop();
[/size]

7、[size=large]addClass(可以添加多个class属性);removeClass();toggleClass();[/size]

8、[size=large]找父亲：parent():parent() 方法返回被选元素的直接父元素。
parents():parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (<html>)。
parentsUntil():parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。[/size]

9、[size=large]找儿子：children():children() 方法返回被选元素的所有直接子元素。

该方法只会向下一级对 DOM 树进行遍历。
find():find() 方法返回被选元素的后代元素，一路向下直到最后一个后代。[/size]

10、[size=large]找兄弟：siblings():siblings() 方法返回被选元素的所有同胞元素。
next():next() 方法返回被选元素的下一个同胞元素。
nextAll():nextAll() 方法返回被选元素的所有跟随的同胞元素。
nextUntil():nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素。
prev(),prevAll(),prevUntil()跟next系列的反过来。[/size]

11、[size=large]找元素：第一个：first();最后一个：last();第几个：eq(); $(document).ready(function(){
$("p").eq(1);
}); filter();返回带有类名的，比如 <p class=p></p>则返回带有.p的p.而not()则相反，找到不带类名的。[/size]