一、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>
<