jQuery获取元素和相关事件

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() {
        // 元素滚动时候触发
    });
});