jQuery方法扩展

$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。 
如扩展$.fn.abc() 
那么你可以这样子:$("#div").abc(); 
通常使用extend方法扩展,详细请看API. 

$.fx是指jquery的特效。 
如果使用显示、滑动、淡入淡出、动画等。 
$.fx.off可以关闭动画,其实是直接显示结果。

 

$.extend(src)
   该方法就是将src合并到jquery的全局对象中去

$.fn.extend(src)
   该方法将src合并到jquery的实例对象中去

Jquery的extend方法还有一个重载原型:  

extend(boolean,dest,src1,src2,src3...)


      第一个参数boolean代表是否进行深度拷贝,其余参数和前面介绍的一致

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ul id="OnlyUl">
<li>aaa</li>
<li>bbb</li>
<li>ccc</li>
</ul>
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
(function($){
$.fn.AlertSelf = function(){
this.click(function(){alert($(this).html())});
}
})(jQuery)
$("#OnlyUl li").AlertSelf();
</script>
</html>

posted @ 2017-07-07 12:24  地铁程序员  阅读(145)  评论(0编辑  收藏  举报