带你学习Jquery(一):Dom对象和Jquery对象

来源:互联网 发布:防范电信网络诈骗宣传 编辑:程序博客网 时间:2024/06/07 00:33

以复选框的使用加深Dom对象和Jquery对象的理解

首先是Dom方式

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>1-6-2</title> <!-- 引入 jQuery --> <script src="../../scripts/jquery-1.3.1.js"type="text/javascript"></script> <script type="text/javascript"> //等待dom元素加载完毕. $(document).ready(function(){ var $cr = $("#cr"); //jQuery对象 var cr = $cr.get(0); //DOM对象,获取 $cr[0] $cr.click(function(){ if(cr.checked){ //DOM方式判断 alert("感谢你的支持!你可以继续操作!"); } }) }); </script> </head> <body> <input type="checkbox" id="cr"/><label for="cr">我已经阅读了上面制度.</label> </body> </html>

原创粉丝点击