jQuery语法
$(selector).action()
其中 selector 表示选择器,action 表示事件(方法)。
jQuery选择器
jQuery选择器衍生自css,只是在css的基础上添加$("")
加以区分
jQuery常用的选择器有:
语法 | 描述 |
---|---|
$(this) | 当前HTML元素 |
$(“p”) | 所有的 <p> 元素 |
$(“p.intro”) | 所有class="intro"的 <p> 元素 |
$(".intro") | 当前class="intro"的元素 |
$("#intro") | 当前id="intro"的元素 |
$(“ul li:first”) | 每个ul的第一个li元素 |
$("[href$='.jpg']" ) | 所有带有.jpg 结尾的属性值的href属性 |
$("div#intro .head") | id="intro"的div中class="head"的元素 |
jQuery方法
event函数 | 绑定函数至 |
---|---|
$(document).ready(function(){}) | 将函数绑定到文档的就绪事件(当文档完成加载时) |
$(selector).click(function(){}) | 触发或将函数绑定到被选元素的点击事件 |
$(selector).dblclick(function(){}) | 触发或将函数绑定到被选元素的双击事件 |
$(selector).focus(function(){}) | 触发或将函数绑定到被选元素的获得焦点事件 |
$(document).ready(function(){}) | 将函数绑定到文档的就绪事件(当文档完成加载时) |
$(selector).mouseover(function(){}) | 触发或将函数绑定到被选元素的鼠标悬停事件 |