JQuery学习笔记-1

最新推荐文章于 2024-11-07 13:38:59 发布

weixin_33676492

最新推荐文章于 2024-11-07 13:38:59 发布

阅读量67

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/799835984/blog/617849

版权

2019独角兽企业重金招聘Python工程师标准>>>

1、简单的JQuery代码：

   <!-- 引入JQuery -->
   <script src="../script/jquery.js" type="text/javascript" />
   <script type="text/javascript">
        $(document).ready(function(){           //等待DOM元素加载完毕
              alert("Hello World!!");           //弹出一个对话框
        });
   </script>

2、JQuery对象和DOM对象（重点）

DOM对象：通过JavaScript中的getElementsByTag和getElementsById获取的元素节点得到的元素就是DOM对象；

   var domObj = documennt.getElementsById("id");      //获取DOM对象
   var objHTML = domObj.innerHTML;                 //使用JavaScript中的属性——innerHTML

JQuery对象：通过JQuery包装DOM对象后产生的对象；

   $("#foo").html();   //获取id为foo的元素内的html代码。.html()是JQuery里的方法

这段代码等同于：

   document.getElementsById("foo").innerHTML;

3、JQuery对象和DOM对象相互转换

JQuery对象转成DOM对象：

方法一：   var $cr = $("#cr");  //JQuery对象
         var cr = $cr[0];  //DOM对象
         alert(cr.checked);  //检查这个checkbox是否被选中
         
方法二：   var $cr = $("#cr");  //JQuery对象
         var cr = $cr.get(0);  //DOM对象
         alert(cr.checked);  //检查这个checkbox是否被选中

转载于:https://my.oschina.net/799835984/blog/617849