jQuery初级学习笔记一

1. jQuery 名称冲突

jQuery 使用 $ 符号作为 jQuery 的简介方式。某些其他 JavaScript 库中的函数（比如 Prototype）同样使用 $ 符号。jQuery 使用名为 noConflict() 的方法来解决该问题。
var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号。

2.jQuery事件方法

$(document).ready(function) 将函数绑定到文档的就绪事件（当文档完成加载时）
$(selector).click(function) 触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件
$(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件
$(selector).unload(function) 触发、或将函数绑定到指定元素的 unload 事件
$(selector).focus() 触发、或将函数绑定到指定元素的 focus 事件
$(selector).keydown() 触发、或将函数绑定到指定元素的 key down 事件
$(selector).keypress() 触发、或将函数绑定到指定元素的 key press 事件
$(selector).keyup() 触发、或将函数绑定到指定元素的 key up 事件
$(selector).live() 为当前或未来的匹配元素添加一个或多个事件处理器
$(selector).load() 触发、或将函数绑定到指定元素的 load 事件
$(selector).mousedown() 触发、或将函数绑定到指定元素的 mouse down 事件
$(selector).mouseenter() 触发、或将函数绑定到指定元素的 mouse enter 事件
$(selector).mouseleave() 触发、或将函数绑定到指定元素的 mouse leave 事件
$(selector).mousemove() 触发、或将函数绑定到指定元素的 mouse move 事件
$(selector).mouseout() 触发、或将函数绑定到指定元素的 mouse out 事件
$(selector).mouseover() 触发、或将函数绑定到指定元素的 mouse over 事件
$(selector).mouseup() 触发、或将函数绑定到指定元素的 mouse up 事件
$(selector).one() 向匹配元素添加事件处理器。每个元素只能触发一次该处理器。
$(selector).ready() 文档就绪事件（当 HTML 文档就绪可用时）
$(selector).resize() 触发、或将函数绑定到指定元素的 resize 事件
$(selector).scroll() 触发、或将函数绑定到指定元素的 scroll 事件
$(selector).select() 触发、或将函数绑定到指定元素的 select 事件
$(selector).submit() 触发、或将函数绑定到指定元素的 submit 事件
$(selector).toggle() 绑定两个或多个事件处理器函数，当发生轮流的 click 事件时执行。
t$(selector).rigger() 所有匹配元素的指定事件
triggerHandler() 第一个被匹配元素的指定事件
$(selector).unbind() 从匹配元素移除一个被添加的事件处理器
$(selector).undelegate() 从匹配元素移除一个被添加的事件处理器，现在或将来
……

1. show()与hide()方法

语法：

$(selector).hide(speed,callback)

$(selector).show(speed,callback)

其中可选的 speed 参数规定隐藏/显示的速度，可以取以下值：“slow”、“fast” 或毫秒。
可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

示例：

$(“button”).click(function(){
$(“p”).hide(1000);
});

4.通过 jQuery，您可以使用 toggle() 方法来切换 hide() 和 show() 方法。
显示被隐藏的元素，并隐藏已显示的元素：

语法：$(selector).toggle(speed,callback);