jQuery从入门到熟练(25)

jQuery 对象使用特点
链式调用：调用 jQuery 对象的任何方法后返回的还是当前 jQuery 对象
$(".div1") .mouseover(function () { console.log("mouseover 进入") }) .mouseout(function () { console.log("mouseout 离开") })
读写合一读: 内部第一个 dom 元素写: 内部所有的 dom 元素

五、jQuery 插件

1、扩展插件

扩展 jQuery 的工具方法
$.extend({ xxx: fuction () {} // this是$})$.xxx()
扩展 jQuery 对象的方法
$.fn.extend({ xxx: function(){} // this是jQuery对象})$obj.xxx()
<style type="text/css"> * { margin: 0px; } .div1 { position: absolute; width: 100px; height: 100px; top: 50px; left: 10px; background: red; }</style><input type="checkbox" name="items" value="足球"/>足球<input type="checkbox" name="items" value="篮球"/>篮球<input type="checkbox" name="items" value="羽毛球"/>羽毛球<input type="checkbox" name="items" value="乒乓球"/>乒乓球<br/><input type="button" value="全　选"/><input type="button" value="全不选"/><input type="button" value="反选"/><!--1. 扩展jQuery的工具方法 $.extend(object)2. 扩展jQuery对象的方法 $.fn.extend(object)--><script src="js/jquery-1.10.1.js" type="text/javascript"></script><script type="text/javascript" src="js/my_jQuery-plugin.js"></script><script type="text/javascript"> /* 需求：