jQuery
$(document).ready(function() {
// jQuery代码
});
// |
// 可简写
// |
$(function() {
// jQuery代码
});
选取元素
$(function() {
// 选取所有元素
$("*");
// 选取当前元素
$(this);
// 选取intro类的p元素
$("p.intro");
// 选取第一个p元素
$("p:first");
// 选取ul元素的第一个li元素
$("ul li:first");
// 选取带有href属性的元素
$("[href]");
// 选取target属性值为_blank的a元素
$("a[target='_blank']");
// 选取target属性值不等于_blank的a元素
$("a[target!='_blank']");
// 选取所有type等于button的input元素和button元素
$(":button");
// 选取偶数位置的tr元素
$("tr:even");
// 选取奇数位置的tr元素
$("tr:odd");
});
事件
$(function() {
// 鼠标相关事件
$("p").click(function() {
// 点击事件
});
$("p").dblclick(function() {
// 双击事件
});
$("p").mouseenter(function() {
// mouseenter 事件只在鼠标移动到选取的元素上时触发。
});
$("p").mouseover(function() {
// mouseover 事件在鼠标移动到选取的元素 及其 子元素 上时触发 。
});
$("p").mouseleave(function() {
// 鼠标离开元素触发
});
$("p").hover(
// 模拟光标悬停事件
);
// 键盘事件
$("#key").keypress(function() {
// 键盘点击
});
$("#key").keydown(function() {
// 键盘触发中
});
$("#key").keyup(function() {
// 键盘弹起
});
// 表单事件
$("#input").submit(function() {
// 提交
});
$("#input").change(function() {
// 输入框内容改变
});
$("#input").focus(function() {
// 聚焦
});
$("#input").blur(function() {
// 时区焦点
});
// 文档/窗口事件
$("img").load(function() {
// 图片加载完毕
});
$(window).resize(function() {
// 屏幕尺寸发生改变时候出发
});
$("div").scroll(function() {
// 元素滚动时候触发
});
});
