JQuery学习笔记-1

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是否被选中