jquery_认识jquery好处、选择器、小案例

1、学习jquery

　　       

　　　　

　　　　a、什么是框架库

　　　　

　　　　b、为什么要学习jquery

　　　　

　　　  　

　　　　c、jquery中的顶级对象

　　　　　　

　　　　　d、页面的加载事件

　　　　　　DOM中的加载事件（只有window、body、img可以绑定onload事件）

　　　　　　jquery中的加载事件

　　　　　　

　　　　　e、jquery对象和dom对象为什么要互转？

　　　　　　

　　　　　　2者如何互转如下

　　　　　　dom事件和jquery事件中的this默认都是dom对象

　　　　　　

　　　　　　  $(xx)[0]  --取出了集合中的第一个div，是dom对象

　　　　

　　　　f、案例

　　　　

 

　　　　

 

2、jquery选择器---会css选择器选取元素设置样式，就会用jquery选择器选取元素。

　　

　　jquery里面的隐式迭代（循环）功能很强大，不需要像dom操作那样自己去写循环设置样式或事件

　　　　

　　

　　

　　

 

 　　选择器案例练习------用jquery做特效时其实就是在面向过程编程---触发事件、事件的处理、一步步来实现

　　　　案例一：

　     　

 　　

　　　　案例二：

　　

　　 

 　　　　案例三：好友面板

　　　

 　　　先看网页结构---结构布局好了，写代码更容易

　　　　

　　　　要处理的事件

　　　　1、默认ul全部隐藏，给每个li绑定点击事件

　　　　2、点击之后当前li里面的ul显示，当前li的兄弟元素下面的ul都隐藏

　　　　

　　　　

 　　　案例四：手风琴

　　　

　　　　还是从页面结构来

　　　　

　　　　再去写功能