1、jQuery介绍
(1)、JavaScript与jQuery比较
js:1、入口函数只有一个,window.onload
2、浏览器兼容性:非常令人头疼,比如textContent虽然作为标准方法但是只
支持IE8+以上的浏览器
3、DOM错综复杂,实现简单的效果很麻烦
4、代码容错性差,出错后导致后面的代码不执行
jQuery:1、市场占有率稳步上升,代码比较少,功能强大
2、DOM比较强大,事件处理,完全解决了浏览器的兼容性问题
3、ajax操作(比较好)
(2)、什么是jQuery
1、jQuery是一个JavaScript函数库。
2、jQuery是一个轻量级的"写的少,做的多"的JavaScript库。
3、jQuery库包含以下功能:HTML元素选取、HTML元素操作、CSS操作、HTML事
件函数、JavaScript特效和HTMLDOM遍历和修改。
(3)、为什么使用jQuery
1、目前网络上有大量开源的JS库,但是jQuery是目前最流行的JS库,而且提
供了大量的扩展。
2、很多大公司都在使用jQuery,例如:Google、Microsoft、IBM、Netflix。
3、目前jQuery兼容于所有主流浏览器,包括InternetExplorer6!
2、jQuery安装
3、jQuery语法
(1)、基础语法
1、美元符号定义jQuery
2、选择符(selector)"查询"和"查找"HTML元素
3、jQuery的action()执行对元素的操作。
(2)、实例
(3)、1.3.3了解jQuery的$符号
(4)、jQuery入口函数与JavaScript入口函数的区别
4、JQuery选择器
(1)、什么是jQuery选择器
1、jQuery选择器允许您对HTML元素组或单个元素进行操作。
2、jQuery选择器是jQuery为我们提供的一组方法,让我们更加方便的获取到
页面中的元素。注意:jQuery选择器返回的是jQuery对象。
3、jQuery选择器基于元素的id、类、类型、属性、属性值等"查找"(或选择)
HTML元素。它基于已经存在的CSS选择器,除此之外,它还有一些自定义的选
择器。
4、jQuery中所有选择器都以美元符号开头:$()。
(2)、基本选择器
(3)、层级选择器
(4)、过滤选择器
(5)、筛选选择器(方法)
5、jQuery事件
(1)、什么是事件
1、页面对不同访问者的响应叫做事件。
2、实例:在元素上移动鼠标、选取单选按钮、点击元素
(2)、事件语法
6、jQuerycss()方法
7、jQuerycss类
8、jQuery动画