JQuery

为什么学习 jquery? （js缺点）

1.JS书写的代码比较臃肿

2.JS中获得元素对象的方式比较单一只有4中，间接只有3中

3.JS实现动画效果非常复杂

4.JS的代码对浏览器是有区分的

 jquery中 $ 的作用，

1.是 $ 是 jQuery的简写  

这三种方式是相等的，等价于js的中的当页面加载完成, window.onload功能

但是 $的功能会更强大一点，js中一个页面只能写 一个WINDOW.ONLOAD功能(执行最后一个)

但是一个页面可以写多个 $() 而且不冲突

2.$()是一个强大的选择器

jQuery中的选择器

1.基本选择器：

1，标签选择器：$("a");   2，ID选择器 $("#id")   3，类选择器，$(".class")

JS和JQuery中的标签选择器得到对象的不同的方式

2.层级选择器

1.包含选择器  $(" ul   li")    2.父子选择器  $( “ul  >  li”)

3.下一个选择器（紧跟） $(  "#span1  + span  ");

4.获得下一个同级别的选择器  $( "#span1 ~ span  ");

3.基础选择器中的 位置选择器

4.子元素选择器

5.属性选择器

6.表单选择器

jQuery中的属性操作

1.操作元素对象的 本身的属性

2.操作元素对象的样式

3.操作元素的内容

4.操作元素的节点

jQuery中的事件

bind绑定事件，json格式可以多绑定

one绑定，可以绑定只执行一次的行为

触发器绑定，可以调用其他无名的事件

解绑的操作，不写内容就是全部解绑

表单验证中的 正则表达式

 正则表达式，就是用来校验用户输入的数据的

^  代表开始，* 代表位数， $ 代表结束

\d 代表 【0-9】的缩写   \w  代表 【0-9】【a-z】【A-Z】

{n} : 代表段域的意思

^[0-9]{18}$ 身份证号校验    ^\w{6,16}$  用户名校验

jQuery 中的事件（大部分指绑定）

1.bulr()失去焦点

2.click() 单击事件

3.dblclick() 双击事件

4.focus(）获得焦点

jQuery 中的事件处理

1.多事件处理 bind()  对在bind后加入的内容无效

2.处理一次就失效 one()

3.在事件内部调用其他事件  trigger()

4.解绑事件 unbind();不传参数表示解绑所有的参数

5. 事件委派中的live 在1.7之后就无效了 ，不过 live()功能和 bind相同

但是可以对后来加入的内容进行操作

jQuery中的动画效果

jQuery中实现树形菜单