四 . jQuery对象和DOM对象实例研究
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>论坛注册</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <!--引入jQuery库--> <script src="../images/jquery.min.js" type="text/javascript"></script> <!--DOM方式判断复选框是否被选中--> <!-- <script type="text/javascript"> $(function(){ //等待dom元素加载完毕 var $cr = $("#cr"); //jQuery对象 var cr = $cr[0]; //DOM对象,或者$cr.get[0] $cr.click(function(){ if(cr.checked){ alert("感谢你的支持!你可以继续操作!"); } }); }); </script>--> <!--jQuery方式--> <script type="text/javascript"> $(function () { //等待dom元素加载完毕 var $cr = $("#cr"); //jQuery对象 $cr.click(function(){ if($cr.is(":checked")){ //jQuery方式判断 alert("感谢你的支持!你可以继续操作!"); } }); }); </script> </head> <body> <input type="checkbox"/> <label for="cr">我已经阅读了上面制度.</label> </body> </html>上面例子简单演示了DOM对象和jQuery对象的不同,但最终效果是一样的。