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页面的内容分成元素节点、属性节点及文本节点。