本文介绍了一个使用jQuery库创建自定义插件的具体示例。通过将插件代码封装在独立的JS文件中，并利用$.fn.extend方法扩展jQuery的功能，演示了如何在网页上通过简单的调用实现特定功能。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src=jquery-1.8.0.min.js></script>
<meta charset="UTF-8">
<title>123</title>
</head>
<body>
<div id="s"></div> //id为s
<script type="text/javascript" src="test.js"> </script> //封装方法的js文件
<script type="text/javascript">
$("#s").s(); //调用方法：$("#id").函数名(参数);
</script>
</body>
</html>
js文件：
;(function($){
$.fn.extend({
"s":function(){
//这里写插件代码
alert("sss");
}
});
})(jQuery);
格式：
;(function($){
$.fn.extend({
"函数名":function(自定义参数){
//这里写插件代码
}
});
})(jQuery);
扫一扫
274
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
