<!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="" type="text/javascript"></script> <script type="text/javascript"> //等待dom元素加载完毕. $(document).ready(function () { var $cr = $("#cr"); //jQuery对象 var cr = $cr.get(0); //DOM对象获取 2种方式 $cr[0] 或者 $cr.get(0) $cr.click(function () { if (cr.checked) { //DOM方式判断 alert("感谢你的支持!你可以继续操作!"); } }) }); </script> </head> <body> <input type="checkbox" /> <label for="cr">我已经阅读了上面制度.</label> </body> </html>
2.jQuery对象方式
<!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-1</title> <!-- 引入 jQuery --> <script src="" type="text/javascript"></script> <script type="text/javascript"> //等待dom元素加载完毕. $(document).ready(function () { var cr = document.getElementById("cr"); //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>
以上就是关于jquery学习的第一课，希望大家继续关注。
您可能感兴趣的文章: