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!");    
});