一.事件...................................................................................................................................... 1 1.click() .......................................................................................................................... 1 2.dblclick()................................................................................................................... 1 3.mouseenter()............................................................................................................... 1 4.mouseleave()............................................................................................................... 1 5.mousedown()................................................................................................................. 2 6.mouseup()..................................................................................................................... 2 7.hover()......................................................................................................................... 2 8.focus()......................................................................................................................... 2 9.blur()........................................................................................................................... 3 10.keydown()................................................................................................................... 3 11.keyup()....................................................................................................................................... 3 13.load()......................................................................................................................................... 4 1.jQuery CSS 选择器 ............................................................................................................. 4
一.事件
1.click()
click() 方法是当按钮点击事件被触发时会调用一个函数。 该函数在用户点击 HTML 元素时执行。
2.dblclick()
当双击元素时，会发生 dblclick 事件。 dblclick() 方法触发 dblclick 事件，或规定当发生 dblclick 事件时运行的函数：
3.mouseenter()
当鼠标指针穿过元素时，会发生 mouseenter 事件。 mouseenter() 方法触发 mouseenter 事件， 或规定当发生 mouseenter 事件时运行的函数： 例子：
$("#p1").mouseenter(function(){alert('您的鼠标移到了 id="p1" 的元素上!'); });
4.mouseleave()
当鼠标指针离开元素时，会发生 mouseleave 事件。 mouseleave() 方法触发 mouseleave 事件， 或规定当发生 mouseleave 事件时运行的函数： 例子：
$("#p1").mouseleave(function(){alert("再见，您的鼠标离开了该段落。"); });
5.mousedown()
当鼠标指针移动到元素上方，并按下鼠标按键时，会发生 mousedown 事件。 mousedown() 方法触发 mousedown 事件，或规定当发生 mousedown 事件时运行的函数： 例子：
$("#p1").mousedown(function(){alert("鼠标在该段落上按下！"); });
6.mouseup()
当在元素上松开鼠标按钮时，会发生 mouseup 事件。 mouseup() 方法触发 mouseup 事件，或规定当发生 mouseup 事件时运行的函数：
7.hover()
hover()方法用于模拟光标悬停事件。 当鼠标移动到元素上时，会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时， 会触发指定的第二个函数(mouseleave)。 例子：
$("#p1").hover(function(){ alert("你进入了 p1!"); }, function(){ alert("拜拜! 现在你离开了 p1!"); });
8.focus()
当元素获得焦点时，发生 focus 事件。
当通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点。 focus() 方法触发 focus 事件，或规定当发生 focus 事件时运行的函数： 例子：
$("input").focus(function() { $(this).css("background-color","#cccccc"); });
9.blur()
当元素失去焦点时，发生 blur 事件。 blur() 方法触发 blur 事件，或规定当发生 blur 事件时运行的函数： 例子：
$("input").blur(function(){ $(this).css("background-color","#ffffff"); });
10.keydown()
完整的 key press 过程分为两个部分：1. 按键被按下；2. 按键被松开。 当按钮被按下时，发生 keydown 事件。 keydown() 方法触发 keydown 事件，或规定当发生 keydown 事件时运行的函数。 当按下按键时，改变文本域的颜色：
$("input").keydown(function(){ $("input").css("background-color","#FFFFCC"); });
11.keyup()
当按钮被松开时，发生 keyup 事件。它发生在当前获得焦点的元素上。
12.keypress
keypress 事件与 keydown 事件类似。当按钮被按下时，会发生该事件。它发生在当前获得 焦点的元素上。 不过，与 keydown 事件不同，每插入一个字符，就会发生 keypress 事件。
keypress() 方法触发 keypress 事件，或规定当发生 keypress 事件时运行的函数。
13.load()
当指定的元素（及子元素）已加载时，会发生 load() 事件。 该事件适用于任何带有 URL 的元素（比如图像、脚本、框架、内联框架）。 根据不同的浏览器（Firefox 和 IE），如果图像已被缓存，则也许不会触发 load 事件。 注释：还存在一个名为 load() 的 jQuery Ajax 方法，根据不同的参数而定。 当图像加载时，改变 div 元素的文本：
$("img").load(function(){ $("div").text("Image loaded"); });
二．选择器
1.jQuery CSS 选择器
jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。
$("p").css("background-color","red");
三．jQuery
效果
1.animate()
animate() 方法执行 CSS 属性集的自定义动画。 该方法通过 CSS 样式将元素从一个状态改变为另一个状态。CSS 属性值是逐渐改变的，这样就可 以创建动画效果。 只有数字值可创建动画（比如 "margin:30px"）。字符串值无法创建动画（比如 "background-color:red"）。 注释：使用 "+=" 或 "-=" 来创建相对动画（relative animations）。
2.clearQueue()
clearQueue() 方法停止队列中所有仍未执行的函数。 与 stop() 方法不同，（只适用于动画），clearQueue() 能够清除任何排队的函数（通 过 .queue() 方法添加到通用 jQuery 队列的任何函数）。
3.fadeIn()、 fadeOut()
fadeIn() 方法使用淡入效果来显示被选元素，假如该元素是隐藏的 例子：
This is a paragraph.
4.fadeTo()
fadeTo() 方法将被选元素的不透明度逐渐地改变为指定的值
5.hide()
如果被选的元素已被显示，则隐藏该元素
6.html()
如果被选元素已被隐藏，则显示这些元素：
7.slideDown()
slideDown() 方法通过使用滑动效果，显示隐藏的被选元素。
8.slideUp()
通过使用滑动效果，隐藏被选元素，如果元素已显示出来的话
9.slideToggle()
通过使用滑动效果，在显示和隐藏状态之间切换
10.stop()
stop() 方法停止当前正在运行的动画
11.toggle()
toggle() 方法切换元素的可见状态。 如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。
五．属性操作
1.addClass()
addClass() 方法向被选元素添加一个或多个类。 该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。 提示：如需添加多个类，请使用空格分隔类名。
2.attr()
attr() 方法设置或返回被选元素的属性值。 根据该方法不同的参数，其工作方式也有所差异。