jquery-210811-01---jquery了解

jquery-210811-01—jquery了解

• jquery百度百科
• jquery使用（ $ 符号）
• jquery官网
• DOM对象
• JavaScript对象和jQuery对象

---

jquery百度百科

jQuery是一个快速、简洁的JavaScript框架，是一个优秀的JavaScript代码库（框架），
封装了 JavaScript 相关方法调用，简化JavaScript 对 HTML DOM 操作。

jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。

它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为：
    具有独特的链式语法和短小清晰的多功能接口。
    具有高效灵活的CSS选择器，并且可对CSS选择器进行扩展。
    拥有便捷的插件扩展机制和丰富的插件。
    jQuery兼容各种主流浏览器。

---

jquery使用（ $ 符号）

使用 JavaScript 定位 DOM 对象常用的三种方式：
    （1）通过 ID 属性：document.getElementById()
    （2）通过 class 属性：getElementsByClassName()
    （3）通过标签名：document.getElementsByTagName()
    
上面代码可以看出 JavaScript 方法名太长了，大小写的组合太多了，编写代码效率，容易出错。
jQuery 分别使用$(“#id”) , $(“.class 名”) , $(“标签名) 封装了上面的 js 方法。
$ 是一个函数的名称。

---

jquery官网

https://jquery.com/

---

DOM对象

文档对象模型（Document Object Model，简称 DOM），是 W3C 组织推荐的处理可扩展标志语言的标准编程接口。
通过 DOM 对 HTML 页面的解析，可以将页面元素解析为元素节点、属性节点和文本节点，
这些解析出的节点对象，即 DOM 对象。DOM 对象可以使用 JavaScript 中的方法。

---

JavaScript对象和jQuery对象

用 JavaScript 语法创建的对象叫做 JavaScript 对象，也叫做dom对象，js对象，
**JavaScript对象只能调用JavaScript 对象的 API。**
	var obj = document.getElementById("txt01"); ---> obj就是dom对象，也叫js对象。

用 JQuery 语法创建的对象叫做 JQuery 对象, 
**jQuery 对象只能调用 jQuery 对象的 API。**
jQuery 对象是一个数组。在数组中存放本次定位的 DOM 对象。
	var obj = ${"#txt01"};  --->  obj就是jquery对象，
							    它是一个数组，现在数组中就一个值。


JQuery对象与 JavaScript对象是可以互相转化的，
由于 Jquery 用起来更加方便，
我们都是将 JavaScript 对象转化成 Jquery 对象。
	dom对象转为jquery对象语法：
		${dom对象}
		
	jquery对象转为dom对象语法：
		从数组中获取第一个对象，第一个对象就是dom对象，
		使用[0] 或者 get{0} （下标的方法）