jquery-随手记

miao_miu

浏览: 11736 次
性别:

最近访客更多访客>>

actor2017

oraclejspservlet

spawnyy

东川々靖竹

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

jQuery

jquery

1、$(document).ready(function(){});跟$(function(){});等同。

2、

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

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

5、slideDown(speed,callback),slideUp(speed,callback),slideToggle(speed,callback)

6、$(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();

7、addClass(可以添加多个class属性);removeClass();toggleClass();

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

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

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

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

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