高手帮忙 Jquery 插件开发。

大哥有没有人讲详细点的,我想分析下,高手帮忙 Jquery 插件开发。
最新回答
安旭薇

2024-05-06 03:09:41

我不是什么高手,不过试着写了一个jquery的插件,希望能给你提供点参考
/*!
* jQuery alert plugin: simple alert for debugging
* Examples and documentation at:
* version 0.20 (26-MAY-2009)
* Dual licensed under the MIT and GPL licenses:
*
http://www.opensource.org/licenses/mit-license.php

*
http://www.gnu.org/licenses/gpl.html

*/

/**
* alert() takes a single string argument: $('#myObj').alert("option")
*
* val : alert + this.val(); default : true
* html : alert + this.html(); default : false
* attr : alert + this.attr(attrvalue); default : null
* css : alert + this.css(cssvalue) ; default : null
* ech : alert each elements; default : false
*
* @name alert
* @type jQuery
* @param String options Options which control the alert content
* @cat Plugins/Alert
* @return jQuery
* @author sam (mailto:www4169175@163.com)
*/
;(function($){

$.fn.alert = function(options){

// Default options
var opt = $.extend({
val : true,
html : false,
attr : null,
css : null,
ech : false
}, options);

if(!opt.ech){
alertMessage($(this));
}else{
$(this).each(function(){
alertMessage($(this));
});
}

function alertMessage(obj){

//create String
var alertString = "";
var br = "\n";

if(opt.val){
thisval = "value: " + obj.val();
alertString = alertString + thisval + br;
}

if(opt.html){
thisval = "html: " + obj.html();
alertString = alertString + thisval + br;
}

if(opt.attr != null){
thisval = "attr_"+opt.attr+": " + obj.attr(opt.attr);
alertString = alertString + thisval + br;
}

if(opt.css != null){
thisval = "css_"+opt.css+": " + obj.css(opt.css);
alertString = alertString + thisval + br;
}

//alert!
alert(alertString);
}

return this;
}

})(jQuery);
迩璇大爺哟ˇ

2024-05-06 08:28:51

jquery 插件开发详解:
http://www.cssrain.cn/article.asp?id=1168
贴心小棉袄

2024-05-06 06:26:27

增加两个插件方法。

jQuery 代码:
jQuery.fn.extend({
check: function() {
return this.each(function() { this.checked = true; });
},
uncheck: function() {
return this.each(function() { this.checked = false; });
}
});结果:
$("input[type=checkbox]").check();
$("input[type=radio]").uncheck();

======================================

描述:
在jQuery命名空间上增加两个函数。

jQuery 代码:
jQuery.extend({
min: function(a, b) { return a < b ? a : b; },
max: function(a, b) { return a > b ? a : b; }
});结果:
jQuery.min(2,3); // => 2
jQuery.max(4,5); // => 5