<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <mce:script src="http://code.jquery.com/jquery-1.4.3.min.js" mce_src="http://code.jquery.com/jquery-1.4.3.min.js" type="text/javascript"></mce:script> <mce:script type="text/javascript"><!-- jQuery.fn.extend({ check: function () { return this.each(function () { this.checked = true; }); }, uncheck: function () { return this.each(function () { this.checked = false; }); } }); // jquery 本身并不提供 jQuery.checkall() 这个方法,如果我们需要对jQuery本身提供的方法进行扩展,则我们就需要是用jQuery.fn.extend: function checkall() { // $("input[type=checkbox]").check(); $("input[name=a]").check(); } function uncheckall() { // $("input[type=checkbox]").uncheck(); $("input[name=a]").uncheck(); } // 2.jQuery.extend 对jQuery对象的扩展,可以理解为静态方法,不需要实例jQuery就可以使用 jQuery.extend({ add: function (a, b) { return a + b; } }) alert($.add(3, 4)); //把时间注册到id中,初始化 $(function () { $("#Button1").click(function () { $("#bgid").css("background-color", "red"); }) $("#Button2").click(function () { $("#bgid").css("background-color", "white"); }) }) // --></mce:script> <mce:style type="text/css"><!-- #Button1 { width: 62px; height: 34px; } #Button2 { width: 46px; height: 33px; } --></mce:style><style type="text/css" mce_bogus="1"> #Button1 { width: 62px; height: 34px; } #Button2 { width: 46px; height: 33px; } </style> </head> <body> <form id="form1" runat="server"> <div id="bgid" > <input id="Button1" type="button" οnclick="checkall()"/> 全选</button> <input id="Button2" type="button" οnclick="uncheckall()" /> 反选</button> <input type="checkbox" value="" name="a" />b <input type="checkbox" value="" name="a"/>i <input type="checkbox" value="" name="a"/>u <input type="checkbox" value="" name="a"/>u <input type="checkbox" value="" name="a" />u <input type="checkbox" value="" name="b"/>u </div> </form> </body> </html> 全选 反选 b i u u u u