锋利的Jquery【读书笔记】 -- 第一章

第一章

---

jQuery中的对象

jQuery中的对象是通过jQuery包装过的对象。
jQuery中无法使用DOM对象中的任何方法。
DOM对象也无法使用jQuery对象的方法。
例如：

$(#foo).html();        //获取ID为foo元素内的html代码。       .html()为jQuery对象的方法

这段代码等同于

document.getElementById("foo").innerHTML

获取对象是jQuery对象时，在变量前面加上$，例如：

var $variable = jQuery对象；

DOM对象，定义为：

var variable = DOM对象;

jQuery对象转换成DOM对象

jQuery提供了两种方法，将一个jQuery对象转换成DOM对象，即[index]和get(index)。

• jQuery对象类似数组的一个对象，可以通过[index]方法得到相应的DOM对象：

var $cr = $("#cr");       //jQuery对象
var cr = $cr[0];       //DOM对象

• 另一种方法由jQuery本身提供，通过get(index)方法得到相应的DOM对象。

var $sc = $("#cr");       //jQuery对象
var cr = $cr.get(0);   //DOM对象

实例说明：

<input type="checkbox" id="cr" /><label for="cr">我已经阅读了上面的制度。</label>

DOM方法来判断复选框是否被选中，代码：

    <script>
      $(document).ready(function(){  //等待DOM加载
        var $cr =$("#cr");           //jQuery对象
        var cr = $cr[0];
        $cr.click(function(){   
            if(cr.checked){          //DOM方法判断，  .checked是DOM方法
                alert("感谢你的支持！");
            }
        })
    })
    </script>

jQuery方法判断：

    <script>
      $(document).ready(function(){  //等待DOM加载
        var $cr =$("#cr");           //jQuery对象
        var cr = $cr[0];
        $cr.click(function(){   
            if($cr.is(":checked")){          //jQuery方法判断， 
                alert("感谢你的支持！");
            }
        })
    })
    </script>

.is(“:checked”) 是jQuery中的方法，判断对象是否被选中，返回布尔值。