jQuery效果

jQuery事件

1. click() 方法是当按钮点击事件被触发时会调用一个函数
2. 当双击元素时，会发生 dblclick 事件
3. 当鼠标指针穿过元素时，会发生 mouseenter 事件
4. 当鼠标指针离开元素时，会发生 mouseleave 事件
5. 当鼠标指针移动到元素上方，并按下鼠标按键时，会发生 mousedown 事件
6. 当在元素上松开鼠标按钮时，会发生 mouseup 事件

 

:visible 选择器选取每个当前是可见的元素

bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数

jQuery 隐藏和显示

1. 通过 jQuery，可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素
2. 通过 jQuery，可以使用 toggle() 方法来切换 hide() 和 show() 方法

jQuery 淡入淡出

1.  fadeIn() 用于淡入已隐藏的元素
2. fadeOut() 方法用于淡出可见元素

3.  fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。

   （如果元素已淡出，则 fadeToggle() 会向元素添加淡入效果。

   如果元素已淡入，则 fadeToggle() 会向元素添加淡出效果。）

4. fadeTo() 方法允许渐变为给定的不透明度（值介于 0 与 1 之间）

jQuery 滑动方法

1. slideUp() 方法用于向上滑动元素
2. slideDown() 方法用于向下滑动元素
3. slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换

jQuery 动画 animate方法

对被选元素应用“自定义”的动画

$("div").animate({ left:'250px', opacity:'0.5', height:'150px', width:'150px' });

可以把属性的动画值设置为 "show"、"hide" 或 "toggle"

stop() 停止在被选元素上运行动画

jQuery AJAX 

1. load() 方法从服务器加载数据，并把返回的数据放入被选元素中
2. get() 方法通过  GET 请求从服务器上请求数据
3. post() 方法通过  POST 请求向服务器提交数据