jQuery技术

锋利的jQuery系列一(2)

字号+ 作者:H5之家 来源:H5之家 2017-03-11 08:02 我要评论( )

四 . jQuery对象和DOM对象实例研究 !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"htmlheadtitle论坛注册/titlemeta http-equiv="Content-Type" conten

四 . 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对象的不同,但最终效果是一样的。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • jQuery Mobile快速入门

    jQuery Mobile快速入门

    2017-03-11 11:00

  • jQuery应用开发技巧续篇

    jQuery应用开发技巧续篇

    2017-03-10 11:00

  • jQuery 1.9 移除了 $.browser 的替代方法 Fwolfs Blog

    jQuery 1.9 移除了 $.browser 的替代方法 Fwolfs Blog

    2017-03-08 09:05

  • Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例

    Angular指令封装jQuery日期时间插件datetimepicker实现双向绑定示例

    2017-03-08 09:00

网友点评