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()则相反,找到不带类名的。

猜你喜欢

转载自miao-miu.iteye.com/blog/2360949