JQuery对象和DOM对象
其实他俩是一对密不可分的“对象”,
DOM(文档对象模型),每一个DOM都可以表示成一棵树。
JQuery对象就是通过Jquery包装DOM对象后产生的对象。
并且Jquery对象和DOM对象是可以相互转换的
通过下面的例子可以更好的理解
有个checkbox的框
通过JS和JQuery不同的实现来掌握最开始基本的用法
这样两种实现方式都可以了
其实他俩是一对密不可分的“对象”,
DOM(文档对象模型),每一个DOM都可以表示成一棵树。
JQuery对象就是通过Jquery包装DOM对象后产生的对象。
并且Jquery对象和DOM对象是可以相互转换的
var $variable = ..... // JQuery对象
var variable = ......// DOM对象
Jquery可以有两种方式转成DOM对象:
(1)[index]
例如:var $ch = $("#ch");
var ch = $ch[0];
alert(ch.checked);
(2)get(index)
例如:var $ch = $("#ch");
var ch = $ch.get(0);
alert(ch.checked);
DOM对象也可以转换为JQuery对象
(1)只需要用$()把DOM对象包装起来就可以
例如:var ch = document.getElementById("ch");
var $ch = $(ch);
通过下面的例子可以更好的理解
有个checkbox的框
例如:<input type="checkbox" id="ch"/><label for="ch">我已经同意.</label>
通过JS和JQuery不同的实现来掌握最开始基本的用法
(1)js的实现
$(document).ready(function(){
var $ch = $("#ch");
var ch = $ch[0]; // 也可以用$ch.get(0)
$ch.click(function(){
if(cr.checked){ // DOM方式
alert("我已经同意.....");
}
})
});
(2)JQuery的实现
$(function(){
var $ch = $("#ch");
$ch.click(function(){
if($ch.is(":checked")){ // JQuery方式
alert("我已经同意.....");
}
})
});
这样两种实现方式都可以了