这两个主要是用来扩展或者制作jQuery插件
通过这种方式可以在jQuery或jQuery.fn上添加新的属性和方法,jQuery的其他模块大都是这么实现的.
给jQuery添加扩展时用$.extend()
<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script>
$.clear = function(obj){
obj.html(''); //写法一
}
$.extend({
clear:function(obj){
obj.html(''); //写法二
}
})
$(function(){
$("#btn1").click(function(){
$.clear($("h1"));
})
})
</script>
</head>
<body>
<h1>我的第一个 JavaScript 程序</h1>
<input type="button" id="btn1" value="确定" />
</body>
</html>
给jQuery实例对象添加扩展时用$.fn.extend();
<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script>
$.fn.clear = function(){
$(this).html(''); //写法一
}
$.fn.extend({
clear:function(){
$(this).html(''); //写法二
}
})
$(function(){
$("#btn1").click(function(){
$("h1").clear();
})
})
</script>
</head>
<body>
<h1>我的第一个 JavaScript 程序</h1>
<input type="button" id="btn1" value="确定" />
</body>
</html>