锋利的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
}