一天一点新东西-jq插件写法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一天一点新东西-jq插件写法相关的知识,希望对你有一定的参考价值。

1.通过$.extend()来扩展jQuery

$.extend({
test: function () {
//函数方法
}
})

直接通过$调用函数
$.test()

2.通过$.fn 向jQuery添加新的方法

index.js

;(function ($,window,document,undefined) {//分号是好习惯
var methods={
init: function () {
return this.each(function () {
//相应方法
})
},
otherfunc: function () {

}
}
$.fn.myPlugin = function(param) {
//this是被选中的jq对象元素
console.log(this.text());
//if ( methods[method] ) {
// return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
//} else if ( typeof method === ‘object‘ || ! method ) {
// return methods.init.apply( this, arguments );
//} else {
// $.error( ‘Method ‘ + method + ‘ does not exist on jQuery.tooltip‘ );
//}
return this.each(function () {
//this被选中的dom对象元素
var $this=$(this);
$this.text(param);
});


}
})(jQuery,window,document)

index.html
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="index.js"></script>
<script>
$(function(){
$(‘.nnn‘).myPlugin(‘5‘);
})
</script>
</head>
<body>
<div class="nnn">1</div>
<p class="nnn">2</p>
</body>
</html>

注意调用插件方法$().myPlugin()最好在dom加载完成之后。

以上是关于一天一点新东西-jq插件写法的主要内容,如果未能解决你的问题,请参考以下文章

单例模式--来点新写法

jq 插件写法

jQuery插件的使用和写法

00.一天一点JQUERY源码——简目录

mysql中获取一天一周一月时间数据的各种sql语句写法

mysql中获取一天一周一月时间数据的各种sql语句写法