`

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()则相反,找到不带类名的。
  • 大小: 49.2 KB
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics