DOM对象和JQ对象的区别
-
DOM对象:是通过DOM方式获取的页面中的元素
-
jQuery:是通过jQuery方式获取的页面的元素
-
两者之间的区别
- DOM对象使用过DOM的相关功能
- jQuery只能使用jQuery的相关功能
-
DOM对象和JQuery对象的关系
- jQuery对象是DOM对象的包装集(jQuery对象里面放置了获取的DOM对象)
- jQuery对象是一个伪数组结构,内部保存了DOM
jQuery的两大特性
- 隐式迭代
- 手动的偷偷进行遍历
- 显示迭代(手动遍历)
- each()可以对普通数据(数组或者对象)进行遍历操作
- 链式编程
- 任意的设置类型操作后,都可以继续操作当前的jQuery对象
jQuery的特点
- 优点:
- 一款轻量级的js框架
- 丰富的DOM选择器,用起来更方便
- 链式表达式,可以把多个操作写在一行代码里,更加简洁
- 实现了脚本与页面的分离
- 缺点:
- 多个插件冲突
- 每个新版本不能兼容早期的版本
- 大量操作DOM
如何在点击一个按钮时使用 jQuery 隐藏一个图片？
$('#ButtonToClick').click(function(){
$('#ImageToHide').hide();
});
