jquery学习笔记--语法

jquery语法：

• $(selector).action()
• $表明是jquery语法
• selector标明要执行操作的html元素
• action()对元素要执行的操作

选择器

• jquery选择器可以指明对单个或一组html元素进行操作
• jquery选择器基于元素的id，类，类型，属性，属性值等进行查找或选择
• 常见选择器

• $("*")	选取所有元素	
  $(this)	选取当前 HTML 元素	
  $("p.intro")	选取 class 为 intro 的 <p> 元素	
  $("p:first")	选取第一个 <p> 元素
  $("ul li:first")	选取第一个 <ul> 元素的第一个 <li> 元素	
  $("ul li:first-child")	选取每个 <ul> 元素的第一个 <li> 元素
  $("[href]")	选取带有 href 属性的元素
  $("a[target='_blank']")	选取所有 target 属性值等于 "_blank" 的 <a> 元素	
  $("a[target!='_blank']")	选取所有 target 属性值不等于 "_blank" 的 <a> 元素
  $(":button")	选取所有 type="button" 的 <input> 元素 和 <button> 元素
  $("tr:even")	选取偶数位置的 <tr> 元素
  $("tr:odd")	选取奇数位置的 <tr> 元素

事件

• 页面对不同访问者的响应叫做事件
• 事件处理程序是指当html元素发生某些事件时所调用的方法
• 常用的iquery事件

• //页面准备好
  $("document").ready(function(){
  });
  //鼠标点击
  $("#hide").click(function(){
  });
  //双击
  $("#dblclick").dblclick(function(){
      alert("您双击了");
  });
  $("#mouse").mouseenter(function(){
  	alert("鼠标经过");
  });
  $("#mouse").mouseleave(function(){
  	alert("鼠标离开");
  });