查看扩展写法
1、工具类扩展
2、对象方法扩展
/* 扩展jQuery的工具方法 : $.extend(object) min(a, b) : 返回较小的值 max(c, d) : 返回较大的值 leftTrim() : 去掉字符串左边的空格 rightTrim() : 去掉字符串右边的空格 *///正则/* ^ 匹配字符串开始 \s 匹配空格 + 匹配一次或者多次 $ 匹配字符串的末尾 *///扩展$ $.extend({ min: function (a, b) { return (a < b) ? a : b }, max: function (a, b) { return (a > b) ? a : b }, leftTrim: function (strToBeTrimed) { return strToBeTrimed.replace(/^\s+/, ‘‘) }, rightTrim: function (strToBeTrimed) { return strToBeTrimed.replace(/\s+$/, ‘‘) }})//扩展 $(‘#id‘).XXXXX//$.fn.extend(object)// checkAll() : 全选// unCheckAll() : 全不选// reverseCheck() : 全反选$.fn.extend({ checkAll: function () { // console.log(‘checkAll‘) this.prop(‘checked‘, true) }, unCheckAll: function () { this.prop(‘checked‘, false) }, reverseCheck: function () { this.each(function () { this.checked = !this.checked }) }})
其他库也使用$标识时，jQuery可以释放$使用权
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>26_多库共存</title> <style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 100px; height: 100px; top: 50px; left: 10px; background: red; } </style></head><body><!--问题 : 如果有2个库都有$, 就存在冲突解决 : jQuery库可以释放$的使用权, 让另一个库可以正常使用, 此时jQuery库只能使用jQuery了API : jQuery.noConflict()--><script src="js/myLib.js" type="text/javascript"></script><script src="js/jquery-1.10.1.js" type="text/javascript" charset="utf-8"></script><script type="text/javascript"> //释放$的使用权,让另一个库可以正常使用 jQuery.noConflict() //使用的是myLib.js中的$ $() //使用jQuery jQuery(function () { jQuery(‘body‘) })</script></body></html>
