锋利的Jquery——学习笔记（一）Jquery的初步认识

Jquery的初步认识

Jquery对象和DOM对象的区别

Jquery对象和DOM对象的相互转换

Jquery选择器选择注意事项

Jquery对象和DOM对象的区别

1）DOM对象：由getElementByID或者getElementsByTagName获取节点元素，这些DOM元素即是DOM对象

2）Jquery对象：由$()获取的对象为Jquery对象

Jquery对象和DOM对象的相互转换

1）由Jquery对象转换为DOM对象——可以用[index]或者get（index）转换

例：

<input type="checked" id="cr"/>
<label for="cr">已阅读完毕并同意协议</label>

<script>
var $objcr=$("#cr");
var cr=$objcr[0];//或者   $objcr.get(0)
</script>

2）由DOM对象转换为Jquery对象

例：

<input type="checked" id="cr"/>
<label for="cr">已阅读完毕并同意协议</label>

<script>
var domcr=getElementById("cr");
var $cr=$(domcr);
</script>

Jquery选择器选择注意事项

1）选择器注解：

所谓的选择器如： id选择器，类选择器，标签选择器，群组选择器，后代选择器， *选择器等,并且 jQuery选择器即：();2）判断(“tt”)是否为空用：

$()选出的是对象，因此判断是否有元素存在，有两种方法：

方法一：

if($("tt").length>0){
//do something
}

方法二：

if($("tt")[0]){
//do something
}