jQuery框架的基础和方法

jQuery：

流行的js类库

市场用得比较多两个框架： jQuery 比较适合做一些互联网 的应用（12306.com,蘑菇街，美丽说，聚美）

extjs 比较适合做后台管理系统（电商（订单管理），银行，电信）

核心（重点）

主要功能：javascript开发人员查找元素、操作DOM、处理事件、执行动画和开发Ajax的操作。
jQuery 优势：(宗旨：write less ，do more 写更少的代码，做更多的事情)

bs 架构：性能

1：轻量级 （js 库非常小）

2：强大的选择器（获取页面上面的dom 元素
    document.getElementById()
    操作dom 必须先得到dom
）
3：出色的DOM操作的封装

4：可靠的事件处理机制(对事件进行了一个封装)

5：完善的Ajax（底层封装xmlhttprequest）

6：不污染顶级变量（在jquery 里面只有一个对象   jQuery  == $）

7:出色的浏览器兼容性

8:链式操作方式($("#ddd").addClass().removeClass())

9:隐式迭代 (显示迭代:迭代一个数组)
显示迭代（for(var i=0;i<array.length;i++){

}）
隐身迭代屏蔽掉for 操作

10：行为层与结构层的分离

11：丰富的插件支持  后期扩展非常方便
	
12：完善的文档

jQuery 只有一个对象 （jQuery == $）
一定要搞清楚jQuery 与dom 对象之间的区别于联系
dom对象：dom 对象 是浏览器自带对象，dom 对象只能调用dom 里面的属性和方法，不能调用jQuery 对象里面的属性和方法

jQuery对象：jquery 对象是通过jQuery 包装页面上面的元素或者dom
而产生的一个新的 对象，jquery 对象时jQuery 独有的，不能调用dom
 对象里面的属性和方法，jQuery 对象是一个数组。

jQuery 对象与dom 对象时可以相互转换的，转换之后它们就可以相互调用了

• 选择器

• DOM操作：jQuery中封装DOM(对比原生DOM的使用方法)
  * 查找节点：
  * 元素节点：所有的选择器
  * 文本节点：text()
  * 属性节点：
  * attr()
  * removeAttr()
  * 创建节点；
  * 元素节点：$(HTML代码)
  * 文本节点：text()
  * 属性节点：attr()
  * 插入：内部与外部
  * 删除节点：
  * remove()：删除自身节点及后代节点
  * empty()：删除后代节点，自身节点保留（清空）
  * 复制节点：
  * jQuery的clone(Boolean)：表示是否复制事件。
  * js的cloneNode(Boolean)：表示是否复制后代节点。
  * 替换节点：
  * replaceWith()：前面的元素是被替换元素;后面的元素是替换元素
  * replaceAll()：就是颠倒了的replaceWith()
  * html()方法：直接操作HTML代码（等价于innerHTML属性）
  * 遍历节点：
  * 子节点：children()
  * 父节点：parent()
  * 上一个兄弟节点：prev()
  * 下一个兄弟节点：next()
  * 所有兄弟节点：siblings()
  * find()：通用遍历方法
  * 包裹节点：
  * wrap()：分别包裹
  * wrapAll()：一起包裹
  * wrapInner()：包裹内部

  • 事件处理：jQuery中的特殊事件

    • Ajax操作：异步交互

    • 插件：jQuery的一大特点

• 元素与节点的区别：

  • 元素：HTML页面的标签内容，HTML页面中还有元素的属性，元素的文本内容。
  • 节点：DOM将HTML页面的内容分成元素节点、属性节点及文本节点。