jquery 选择器和鼠标事件 基础知识

jquery 一般使用形式：

$(document).ready(function(){
$("button").click(function(){
$("#test").hide();
});
});

$(“*”) 选择所有元素

$(this) 选择当前元素

$(“p.intro”) 选项所有class=intro的p元素

$(“p#other”) 选项所有id=other的p元素

$(“p:first”) 选择第一个p元素

$(“ul li:first”) 选择第一个 <ul>元素的第一个<li>元素

$(“ul li:first-child”) 选择每个 <ul>的第一个 元素

$(“[href]“) 选择所有带href的元素

$(“a [target='_blank']“) 选择所有target=_blank的a元素

$(“a[target! ='_blank']“) 选择所有target！=_blank的a元素

$(“:button”) 选 择所有button元素及input类型为button的元素

$(“tr:even”) 选择所有偶数行 <tr>元素

$(“tr:odd”) 选择所有单数行<tr>元素

dblclick()

双击某个HTML标记时调用，比如下面代码在双击<p>元素时隐藏 其内容：

$("p").dblclick(function(){
$(this).hide();
});mouseenter()

在鼠标进入某个HTML元素时触发，例如：

$("#p1").mouseenter(function(){
alert("You entered p1!");
});mouseleave()

在鼠标进入离开某个HTML元素时触发，例如：

$("#p1").mouseleave(function(){
alert("Bye! You now leave p1!");
});mousedown()

在按下鼠标左键时触发，例如：

$("#p1").mousedown

(function(){
alert("Mouse down over p1!");
});mouseup()

在某个元素上释放鼠标左键时触发，例如：

$("#p1").mouseup(function(){
alert("Mouse up over p1!");
});