jQuery总结（二）

前言：

对于jQuery来说它的对象和选择器是比较基础的，那么jQuery对象和DOM对象又有什么不同，它们之间是怎么转换的呢？它又有哪些选择器呢？

jQuery对象

jQuery对象就是就通过jQuery（$()）包装DOM对象之后产生的对象。

jQuery对象是jQuery独有的，如果一个对象是jQuery对象，那么它就可以使用jQuery里的方法：

$("#persontab").html();

jQuery对象无法使用DOM对象的任何方法，同样DOM对象也不能使用jQuery里的任何方法。

约定：如果获取的是jQuery对象，那么要在变量前面加上$。

——var $variable=jQuery对象

——var variable=DOM对象

jQuery对象转成DOM对象

jQuery对象不能使用DOM中的方法，但如果jQuery没有封装想要的方法，不得不使用DOM对象的时候，有如下两种处理方法：

（1）jQuery对象是一个数组对象，可以通过[index]的方法得到对应的DOM对象

var $cr=$("#cr");var cr=$cr[0];

 

(2)使用jQuery中的get(index)方法得到相应的DOM对象

var $cr=$("#cr");var cr=$cr.get(0);

DOM对象转成jQuery对象

对于一个DOM对象，只需要用$()把DOM对象包装起来(jQuery对象就是通过jQuery包装DOM对象后产生的对象)，就可以获得一个jQuery对象。

var cr=document.getElementByiId("cr");var $cr=$(cr);

转换后就可以使用jQuery中的方法了。

jQuery选择器

选择器是jQuery的根基，在jQuery中，对事件处理，遍历DOM和Ajax操作都依赖于选择器。

jQuery选择器的优点：

1、简洁的写法

$("#id")    //document.getElementById("id"); $("tagName") //document.getElementsByTagName("tagName");

 

2、完善的事件处理机制

//若在网页中没有id为"id"的元素，浏览器会报错//document.getElementById("id").style.color="red";//需要先判断document.getElementById("id")是否存在If(document.getElementById("id"))document.getElementById("id").style.color="red";//使用jQuery获取网页的元素即使不存在也不会报错$("#id").css("color","red");