Chapter 3. jQuery 基础
Prev Part II. jQuery: 基础概念 Next

Chapter 3. jQuery 基础

Table of Contents

$(document).ready()
选择元素
使用选择器
CSS, Styling, & Dimensions
属性
遍历
操作元素
练习

$(document).ready()

你不能安全的操作此文档,除非文档处于 “ready.” 状态 jQuery 会为你检测准备状态是否就绪; 代码包含的 $(document).ready() 只有在页面被 JavaScript 代码执行时才运行。

Example 3.1. A $(document).ready() block

$(document).ready(function() {
    console.log('ready!');
});

这是 $(document).ready() 的简写,那样你就可以不时查看它; 然而, 如果你使用jQuery并不是那样娴熟,我建议你最好别用它。

Example 3.2. $(document).ready() 简写

$(function() {
    console.log('ready!');
});

你也能传递一个命名函数到 $(document).ready() 用来替换匿名函数的传递。

Example 3.3. 用命名函数替代匿名函数传递

function readyFn() {
    // 代码在文档准备好后就运行
}


$(document).ready(readyFn);


Copyright Rebecca Murphey, released under the Creative Commons Attribution-Share Alike 3.0 United States license.


Prev Up Next
Part II. jQuery: 基础概念 Home 选择元素