锋利的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中的方法，判断对象是否被选中，返回布尔值。