jQuery中文入门教程（2）
作者：Keel 来源：Keel blog 发布时间：2007-12-09 19:20:00
标签：jquery,教程,入门
Hello jQuery
在做所有事情之前,我们要让jQuery读取和处理文档的DOM,必须尽可能快地在DOM载入后开始执行事件,所以,我们用一个ready事件作为处理HTML文档的开始.看看我们打开的custom.js这个文件,里面已经准备好了:
$(document).ready(function() {
// do stuff when DOM is ready
});
放一个简单的alert事件在需要等DOM完成载入,所以我们把任务稍稍变复杂一点:在点击任何一个链接时显示一个alert.
$(document).ready(function() {
$("a").click(function() {
alert("Hello world!");
});br> });
这样在你点击页面的一个链接时都会触发这个"Hello world"的提示。
(译者Keel注:请照此代码修改custom.js并保存,然后用浏览器打开starterkit.html观察效果。)
让我们看一下这些修改是什么含义。$("a") 是一个jQuery选择器(selector),在这里，它选择所有的a标签（译者Keel注：即<a></a>），$号是 jQuery “类”(jQuery "class")的一个别称，因此$()构造了一个新的jQuery 对象(jQuery object)。函数 click() 是这个jQuery对象的一个方法，它绑定了一个单击事件到所有选中的标签(这里是所有的a标签),并在事件触发时执行了它所提供的alert方法.
这里有一个拟行相似功能的代码:
<a href="#" onclick="alert('Hello world')">Link</a>
不同之处很明显,用jQuery不需要在每个a标签上写onclick事件,所以我们拥有了一个整洁的结构文档(HTML)和一个行为文档(JS),达到了将结构与行为分开的目的,就像我们使用CSS追求的一样.
下面我们会更多地了解到选择器与事件.
本章的相关链接:
0
投稿猜你喜欢
- 最近没事，写了个在项目经常要取城市或省份名的方法，所以改成了一个类．方便以后调用//****************************
- 原理：自定义javascript中的oncontextmenu事件，然后使用div层模拟菜单。知道了这个原理结合美工相信你可以做出很漂亮的自
- 本文实例讲述了Python实现队列的方法。分享给大家供大家参考，具体如下：Python实现队列队列(FIFO)，添加元素在队列尾，删除元素在
- 使用python访问mysql，需要一系列安装linux下MySQLdb安装见 Python MySQLdb在Linux下的快速
用法示例：import random# 1）随机小数print(random.random()) # 获取大于0且小于1 之间的小数 &nb- 即使打开了strict和warnings选项也无妨，下面代码并无错误和警告。#!/usr/bin/perluse strict;use wa
- 多层感知器(Multilayer Perceptron)定义了用于二分类的多层感知器模型。模型输入32维特征，经过三个全连接层，每层使用re
- 前言本文主要给大家介绍了关于Golang map生成有序json数据的相关内容，分享出来供大家参考学习，下面来一起看看详细的介绍：先来看一段
- 前言上一篇文章Go 实现 WebSockets和什么是 WebSockets我们先介绍了什么是 WebSock
- 很多时候，设计师们都会通过各种渠道去了解用户的需求，然而从这些渠道反馈回来的信息大部分只是用户的期望并不是真正的用户需求，但是很多时候这些期
- 对方用<script language="javascript"> var location="&
- 通过结构体生成jsonbuf, err := json.MarshalIndent(s, "", " &quo
- 井字棋作为我们在上学时代必玩的一款连珠游戏，你知道如何做到先手必然不会输吗？今天我们就用HTML、css、js来实现一款井字棋游戏。先看成品
- 引言“ 这是MySQL系列笔记的第八篇，文章内容均为本人通过实践及查阅资料相关整理所得，可用作新手入门指南，或
- 本文实例为大家分享了opencv实现图像旋转效果的具体代码，供大家参考，具体内容如下图像旋转：在opencv中首先根据旋转角度和中心获取旋转
- 软删除简单的说，就是当执行删除操作的时候，不正真执行删除操作，而是在逻辑上删除一条记录。这样做的好处是可以统计数据，可以进行恢复操作等等。预
- 在JS中要判断一个值是否在数组中并没有函数直接使用，如PHP中就有in_array()这个函数。但我们可以写一个类似in_array()函数
- asp分页，是学习使用asp编程经常遇到的问题，也算是一个经典的问题。本文介绍了一个asp分页源代码例子，希望对初学者有所帮助，本程序文件名
- 上个版本的Python OpenCV图片局部区域像素值处理，虽然实现了我需要的功能，但还是走了很多弯路，我意识到图片本就是数组形式，对于8位
- 如下所示：File–>Settings–>Editor–> Color Scheme–>Language Defau
