jquery 学习 二 DOM & JQUERY
jquery 学习 二 DOM & JQUERY,有需要的朋友可以参考下。
1,DOM
document object model 文档对象模型。每一个DOM对象都可以表示成一棵树。如
html head body meta title h3 p ul
DOM元素可以使用 javascript方法。
2,jquery 对象
jquery对象就是通过jquery包装DOM对象后产生的对象。
jquery对象是jquery独有的,如果一个对象是jquery对象,那么它就可以使用jquery的方法。
jquery 对象 无法使用 dom 的任何方法;同样的dom也无法使用jquery方法。
3,转化
jquery 提供了2种方法将 jquery 对象 转化成 dom对象 即 [index] 和 get(index)
a,如果jquery对象是一个类似数组的对象,可通过[index]的方法得到相应的DOM对象
<pre name="code" class="javascript">
var $list = $("#list"); // jquery对象
var list = $list[0];
// dom对象
b,通过 get()
var $list = $("#list"); // jquery对象 var list = $list.get(0); // dom对象
dom 对象 转化为 jquery对象 只需要把dom对象用 $()包起来。
var obj = document.getElementById("first"); // dom 对象
var $obj = $(obj); // jquery对象
4, $ 与 jquery
我们都知道,在引入 jquery.js之后 $ 与 jQuery 的作用是一样的,那么我们可不可以将$替换成别的呢?
<span style="white-space:pre"> </span> var $j = jQuery.noConflict(); // 自定义一个快捷方式