jquery使用时的小技巧

1、show(),hide(),toggle(),slideDown(),slideUp(),slideToggle(),fadeIn(),fadeOut(),fadeToggle(),

自带动画效果,直接在括号内传入时间(例:1000为1s);使用动画效果时,最好先调用stop()清除其他动画。

2、鼠标的移入移出,使用mouseenter与mouseleave;尽量不使用mouseover与mouseout

移入移出都需要时,直接使用hover(),传入两个函数分别代表移入与移出时的执行函数。

3、事件委托可以使用 $(selector).delegate(selector(触发的对象),'click',function(){});

或$(selector(必须为触发对象的父级))。on('click',selector(触发的对象),function(){})

4、添加节点,使用$("")添加的节点为jquery的对象;before(),after()可以实现添加相邻节点

5、位置,offset().top获得相对浏览器窗口的值,position则获得相对父级的值且不可设置距离

6、常用的节点判定,可见性 :visable;:hidden,是否选中 :checked;not(:checked),是否可用 :disabled;enabled;

直接使用$("input:checked"),也都可以与is(" ")属性结合使用进行判定。(if($("input").is(":checked")){})

猜你喜欢

转载自blog.csdn.net/Lisunlight/article/details/81903462