Jquery对象与Js对象

使用 Jquery 和 Js 获取对象, 得到的对象分别是

• Jqeury对象
• Js对象

它们的功能相同

比如, 分别使用 Jquery 和 Js 获取 divs , 都可以得到一个数组对象

<div id="div1">div1...</div>
<div id="div2">div2...</div>
<script>
    //使用Js获取divs
    var divs = document.getElementByTagName("div");
    //使用Jquery获取
    var $divs = $("div");
     
    alert(divs.length);
    alert($divs.length);
</script>

它们的不同之处

功能相同, 仅表示对象和方法的作用相同

不过它们对象不同, 方法名也不同

比如, 上面的例子, 获得的分别是

• object HTMLCollection
• object Object

所以, 第一个对象可以使用 .innerHTML 而 第二个则使用 .html();

它们的方法是不通用的

相互转换

Js 对象 与 Jquery 对象是可以互相转换的

把Js对象转换为Jquery对象

var js = document.getElementById("div1");  //这是一个Js对象
var $js = $(js);  //把 js 对象转换为 jquery 对象

把Jquery转换为Js对象

var $jq = $("#div2");  //这是一个Jquery对象
var jq = $jq.get(索引); //转换为Js对象方式1
var jq2 = $jq[索引];  //转换为Js对象方式2