手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >深入浅析jQuery对象$.html
深入浅析jQuery对象$.html
摘要:$对象说起jQuery,最明显的标志,毫无疑问,就是,,其实是jquery的简写。而使用$()包装的对象就是jQuery对象与jQuery对...

$对象

说起jQuery,最明显的标志,毫无疑问,就是, ,其实是jquery的简写。而使用$()包装的对象就是jQuery对象

与jQuery对象相对应的就是DOM对象,DOM对象其实就是DOM元素节点对象

如果直接写document,则指的是document的DOM元素对象

document.onclick = function(){ alert('dom'); }

而如果用()包括起来,如 ()包括起来,如(document),是jQuery(document)的简写形式,则指的是jQuery对象

<script src="jquery-3.1.0.js"></script> <script> console.log(jQuery(document));//[document] console.log($(document));//[document] console.log(document);//#document </script>

[注意]jQuery对象无法使用DOM对象的方法,DOM对象也无法使用jQuery对象的方法

<script src="jquery-3.1.0.js"></script> <script> //无反应 $(document).onclick = function(){ alert(0); }; //Uncaught TypeError: document.click is not a function document.click(function(){ alert(1); }); </script>

转换

【1】DOM转jQuery对象

对于一个jQuery对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象

【2】jQuery转DOM对象

jQuery是一个类数组对象,可以通过[index]或get(index)的方法得到相应的DOM对象

console.log(document === $(document)[0]);//true console.log(document === $(document).get(0));//true

共存

如果jQuery对象和DOM对象指向同一对象,绑定不同函数,则函数会按照顺序依次执行

//先弹出0,再弹出1 document.onclick = function(){ alert(0); } $(document).click(function(){ alert(1); });

以上所述是小编给大家介绍的jQuery对象$.html,希望对大家有所帮助,如果大家有任何疑问请给我们留言,小编会及时回复大家的。在此也非常感谢大家对查字典教程网的支持!

【深入浅析jQuery对象$.html】相关文章:

深入浅析JavaScript面向对象和原型函数

JavaScript中的small()方法使用详解

教学演示-UBB,剪贴板,textRange及其他

什么是Node.js?

JS/Jquery判断对象为空的方法

浅析JavaScript作用域链、执行上下文与闭包

jQuery判断指定id的对象是否存在的方法

获取对象

js设置document.domain实现跨域的注意点分析

Ctrl+Enter提交内容信息

精品推荐
分类导航