系列文章目录
文章目录
- 系列文章目录
- 前言
- 一、jQuery的使用注意事项？
- 二、jQuery与DOM对象的互相转化
- 总结
前言
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（框架）于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的CSS选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
HTML DOM 是 W3C 标准（是 HTML 文档对象模型的英文缩写，Document Object Model for HTML）。
HTML DOM 定义了用于 HTML 的一系列标准的对象，以及访问和处理 HTML 文档的标准方法。
通过 DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。
一、jQuery使用的注意事项:
JQuery与DOM方法不可混用
//1.DOM对象就是用原生js获取过来的对象就是DOM对象
var div = document.querySelector('div');//div是DOM对象
//2.JQuery对象: 用JQuery获取过来的对象就是JQuery对象
$('div');//$('div')是JQuery对象
//3.JQuery对象只能使用JQuery方法,DOM对象则能使用原生的JavaScript属性和方法.
//div.style.display = 'none';
//$('div').style.display = 'none';这个$('div')是一个JQuery对象不能使用原生的js属性和方法
//div.hide(); div是一个DOM对象不能使用JQuery的hide方法
二、JQuery和DOM对象的互相转化
1.为什么需要对象转化
原生js是比jQuery对象大的,因为jQuery仅封装了原生js的常用库函数.想要使用未封装的内容,我们的获取方式又是jQuery获取.那么我们可以通过转化的方式获得.
2.转换方法
1.DOM对象转化为jQuery对象: $(DOM对象)
2.jQuery对象转化为DOM对象: $('div')[index] 或 $('div').get(index)
总结
资料来源于pink老师---->JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts黑马
