深入浅析jQuery对象$.html


Posted in Javascript onAugust 22, 2016

$对象

说起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,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jQuery 入门讲解1
Apr 15 Javascript
javascript appendChild,innerHTML,join性能比较代码
Aug 29 Javascript
XHTML下,JS浮动代码失效的问题
Nov 12 Javascript
封装好的js判断操作系统与浏览器代码分享
Jan 09 Javascript
jQuery实现鼠标滑过点击事件音效试听
Aug 31 Javascript
JS函数定义方式的区别介绍
Mar 22 Javascript
Vue.js对象转换实例
Jun 07 Javascript
AngularJS实现的简单拖拽功能示例
Jan 02 Javascript
layui中table表头样式修改方法
Aug 15 Javascript
vue基础之事件简写、事件对象、冒泡、默认行为、键盘事件实例分析
Mar 11 Javascript
VUE实现强制渲染,强制更新
Oct 29 Javascript
5个实用的JavaScript新特性
Jun 16 Javascript
基于JavaScript实现添加到购物车效果附源码下载
Aug 22 #Javascript
利用原生JS自动生成文章标题树的实例
Aug 22 #Javascript
jQuery使用deferreds串行多个ajax请求
Aug 22 #Javascript
JavaScript代码里的判断小结
Aug 22 #Javascript
angularjs 源码解析之scope
Aug 22 #Javascript
js表单元素checked、radio被选中的几种方法(详解)
Aug 22 #Javascript
js严格模式总结(分享)
Aug 22 #Javascript
You might like
用PHP实现小型站点广告管理(修正版)
2006/10/09 PHP
DISCUZ 论坛管理员密码忘记的解决方法
2009/05/14 PHP
Php Mssql操作简单封装支持存储过程
2009/12/11 PHP
无缝滚动js代码通俗易懂(自写)
2013/06/19 Javascript
javascript获取下拉列表框当中的文本值示例代码
2013/07/31 Javascript
JQuery设置文本框和密码框得到焦点时的样式
2013/08/30 Javascript
js实现页面跳转重定向的几种方式
2014/05/29 Javascript
jQuery实现字符串按指定长度加入特定内容的方法
2015/03/11 Javascript
JavaScript数据类型之基本类型和引用类型的值
2015/04/01 Javascript
js实现内容显示并使用json传输数据
2016/03/16 Javascript
JS如何判断json是否为空
2016/07/06 Javascript
AngularJs  Creating Services详解及示例代码
2016/09/02 Javascript
JavaScript事件用法浅析
2016/10/31 Javascript
JS开发中百度地图+城市联动实现实时触发查询地址功能
2017/04/13 Javascript
浅谈Vue SSR 的 Cookies 问题
2017/11/20 Javascript
vue自定义filters过滤器
2018/04/26 Javascript
Vue实现6位数密码效果
2018/08/18 Javascript
vue点击当前路由高亮小案例
2019/09/26 Javascript
[52:29]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第三局
2016/03/03 DOTA
在Python中关于中文编码问题的处理建议
2015/04/08 Python
详解python中index()、find()方法
2019/08/29 Python
解决Django layui {{}}冲突的问题
2019/08/29 Python
Python3 main函数使用sys.argv传入多个参数的实现
2019/12/25 Python
Python根据URL地址下载文件并保存至对应目录的实现
2020/11/15 Python
python dir函数快速掌握用法技巧
2020/12/09 Python
校本教研工作制度
2014/01/22 职场文书
创建服务型党组织实施方案
2014/02/25 职场文书
考核评语大全
2014/04/29 职场文书
企业承诺书怎么写
2014/05/24 职场文书
学习考察心得体会
2014/09/04 职场文书
暑假社会实践证明格式
2014/10/28 职场文书
超市工作总结范文2014
2014/12/19 职场文书
高中教师个人总结
2015/02/10 职场文书
2019年怎样写好导游词?
2019/07/02 职场文书
Mysql数据库索引面试题(程序员基础技能)
2021/05/31 MySQL
Win10开机修复磁盘错误怎么跳过?Win10关闭开机磁盘检查的方法
2022/09/23 数码科技