开发jquery插件

By admin

- One minute read - 46 words

jquery插件开发文档：

以下为一简单的实例：

chajia.js:

(function($) {
//录入框点击事件
$.fn.alertWhileClick = function() {

$(this).click(function(){
window.console.log(‘execute click event’);
alert($(this).val());
});

window.console.log(‘ok2’);
}

//获取页面最大div的最大高度
$.fn.maxHeight = function(){
var max = 0;

this.each(function(){
window.console.log(‘a’);
max = Math.max(max, $(this).height());
});
return max;
}
})(jQuery);

//插件用法
$(function(){

$(‘#login_username’).alertWhileClick();

var tallest = $(‘div’).maxHeight();
alert(tallest);
})