jQuery的学习

jQuery的学习

jQuery是一个优秀的javascript库，是免费开源的，可以用来做操作文档对象、选择DOM元素、制作动画效果、时间处理、使用Ajax以及其他的工能

一、jQuery对象和DOM对象

• DOM对象

  使用javaScript中的DOM API操作获得的对象叫做DOM对象。文档对象模型（Document Object Model简称DOM）。在页面上，组织页面（或文档）的对象，被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM

• jQuery对象就是通过jQuery包装DOM对象后产生的对象叫jQuery对象。jQuery对象是对DOM元素封装过后的数组，也被称为包装集。无论选择器匹配了多个或者零个元素。jQuery对象都不在是null.意味着你只能够用jQuery对象的.length属性来判断选择器是否选中了元素

二、DOM转换成jQuery对象

• 方法一：

  使用工厂方法jQuery（DOM对象）

  jQuery（document.getById("foo"))

• 方法二：

  简化形式jQuery(选择器)

  jQuery("#foo")也可以写成$("#foo")

三、jQuery对象转化成DOM对象

• 方法一：

  jQuery 对象[下标]

• 方法二：

  jQuery对象.get(下标)

四、DOM对象与jQuery对象区别

• DOM对象只能调用DOM方法、属性与事件；
• jQuery对象只能调用jQuery方法、属性与事件；
• 可以将DOM转换为jQuery对象，也可以将jQuery转换成DOM对象；
• $只是jQuery的别名形式
• 每一个jQuery对象都是一个DOM对象的集合

$()函数返回特别的javaScript对象，它包含着与选择器相匹配非DOM元素数组。该对象拥有大量预定义的有用方法，能够作用于改组元素。

用编程的话来说，这种构造称为包装器，因为他用扩展功能来匹配的元素进行包装，我们使用术语jQuery包装器或者包装集，来指能够在其上用jQuery定义的方法去操作的、匹配元素的集合。

转载于:https://www.cnblogs.com/XtsLife/p/11543667.html