本文详细介绍了如何扩展jQuery库，包括使用$.extend()和$.fn.extend()创建自定义插件。此外，讨论了自调用函数的应用，并解释了在多库共存情况下如何利用jQuery.noConflict()避免$符号冲突。最后，对比了window.onload与$(document).ready()的区别，强调了它们在页面加载时机和回调处理上的差异。
一、jQuery扩展插件
jquery满足不了项目需求 但是我又想用jquery,可以依托于jquery 自己扩展插件。
1 扩展jQuery的工具方法
$.extend(object)
2 扩展jQuery对象的方法
$.fn.extend(object)
1.扩展jQuery库
创建一个my-jQuery-plugins.js文件，代码如下：
/*
扩展jQuery的工具方法: $.extend(object)
* min(a,b) 返回较小的值
* max(a,b) 返回较大的值
* leftTrim() 去除字符串左边的空格
* rightTrim() 去除字符串右边的空格
*/
// 扩展$
$.extend({
min:function(a,b){
return a>b?b:a
},
max:function(a,b){
return a>b?a:b
},
// ^ 表示以什么打头
// $ 表示以什么结尾
// \n表示空格
// + 表示多个
leftTrim:function(str){
return str.replace(/^\s+/,"")//将以空格开头的多个空格换成""(空)
},
rightTrim:function(str){
return str.replace(/\s+$/,"")//将以空格结尾的多个空格换成""(空)
}
})
// 扩展方法 $("#id").xxx
$.fn.extend({
checkAll:function(){
this.prop("checked",true)
},
unCheckAll:function(){
this.prop("checked",false)
},
reverseChecked:function(){
this.each(function(){
this.checked=!this.checked
})
},
})
在html文件中引入后就可以使用，代码如下：
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8'>
<title>Document</title>
</head>
<body>
<
最低0.47元/天 解锁文章
145
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
