JQuery 对象与 DOM 对象互转


jQuery 对象类似数组,它的每个元素都是一个引用了 DOM 节点的对象。
如果 id 为 abc 的 <div> 存在,返回的 jQuery 对象如下:

[<div id="abc">...</div>]

如果 id 为 abc 的 <div> 不存在,返回的 jQuery 对象如下:

[]

总之 jQuery 的选择器不会返回 undefined 或者 null,这样的好处是你不必在下一行判断if (div === undefined)
jQuery 对象和 DOM 对象之间可以互相转化:

var div = $('#abc'); // jQuery对象
var divDom = div.get(0); // 假设存在div,获取第1个DOM元素
var another = $(divDom); // 重新把DOM包装为jQuery对象

通常情况下你不需要获取 DOM 对象,直接使用 jQuery 对象更加方便。如果你拿到了一个 DOM 对象,那可以简单地调用 $(aDomObject) 把它变成 jQuery 对象,这样就可以方便地使用 jQuery 的 API 了。


<< JQuery 利用函数/方法查找和过滤 JQuery 操作 DOM >>


没有账号? 忘记密码?

社交账号快速登录