JQuery

基础语法
$(selector).action

选择器

元素选择器

在页面选取所有<p>元素
$("p")

id选择器

通过id选取元素
$("#idididid")

.class选择器`

$(".test")

more

• “”
  选取所有元素
• $(“*”)
  选取所有元素
• $(this)
  选取当前 HTML 元素
• $(“p.intro”)
  选取 class 为 intro 的

  元素

• $(“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” 的 元素 和 元素
• $(“tr:even”)
  选取偶数位置的 元素
• $(“tr:odd”)
  选取奇数位置的 元素

事件

• ${document).ready()
  在页面加载完执行函数
• click()
  在鼠标点击时调用函数
• dbclick()
  鼠标双击
• mouseenter()
  鼠标穿过元素
• mouseleave()
  鼠标离开元素
• mousedown()
  鼠标按下按键
• mouseup()
  鼠标松开按键
• hover()
  鼠标移动到元素上触发第一个函数，离开时触发第二个函数
• focus()
  元素获得焦点是触发
• blur()
  元素失去焦点时触发

效果

• hide()
  隐藏
• show()
  显示
• toggle(speed,callback)
  隐藏/显示
  可选的speed参数可以取毫秒，”fast”,”slow”,
  可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
  
  1. $(selector)选中的元素的个数为n个，则callback函数会执行n次；
  2. callback函数名后加括号，会立刻执行函数体，而不是等到显示/隐藏完成后才执行；
  3. callback既可以是函数名，也可以是匿名函数；
• fadeln()
  淡入
• fadeOut()
  淡出
• fadeToggle()
  淡出/淡入
• fadeTo()
  必需的 speed 参数规定效果的时长。它可以取以下值：”slow”、”fast” 或毫秒。
  fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0 与 1 之间）。
  可选的 callback 参数是该函数完成后所执行的函数名称。

隐藏触发后，下面的元素会代替原来元素的位置，淡出会保留原来的位置

• slidDown()
  向下滑动
• slidUp()
  向上滑动
• slidToggle()
  向下/向上滑动
• animate()
  动画
• stop()
  停止动画

Dom操作

• text()
  设置或返回所选元素的内文本内容
• html()
  设置或返回所选元素的内容（包括html标记）
• val()
  设置或返回表单字段的值
• attribute()
  获取属性值