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
投稿猜你喜欢
这几天正在为压缩代码的事情所困扰，大家也可以看见，我的博客顶端有两个在线的压缩工具，但在实际应用过程中，除了CSS的压缩比较满意外，JS的压- 如题：我写入关键字到数据库，多的时候用|隔开了，我提取再做相关文章搜索的时候，我怎么提取用|隔开的文字啊，这样我就好用关键字做搜索啊 回复：
- 以下是YUI中不建议用的一些说明： 表达式的问题就在于它的计算频率要比
- PPT链接说实话，看到这个题目时我觉得这有什么好讨论的，肯定会是场一边倒的讨论。因为个人比较倾向于短命名，简单优雅，可能是出于程序员的洁癖，
- 目前防采集的方法有很多种，先介绍一下常见防采集策略方法和它的弊端及采集对策： 一、判断一个IP在一定时间内对本站页面的访问次数，如果明显超过
- IIS设置首先打开IIS就不用说了巴第2步右建默认网站属性第3步主目录选项卡点击第3步的配置按钮弹出窗口的设置，至此IIS设置完毕任意编辑器
- 本文介绍了linux下如何备份与恢复mysql数据库。数据库备份是非常重要的。如果定期做好备份，这样就可以在发生系统崩溃时恢复数据到最后一次
- 1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且
- 今天在给一个img加链接时发现的<body> <a href="#1" >&
- 从PJBlog 2.7开始，验证码的功能就很好很强大了，但是同时也给手工输入带来了不小的麻烦——经常输错。之前我写了一个《自己写的一个PJB
- YUI 中的 Grids CSS 主要有三个部分值得大家关注和学习：Yahoo!网站性能最佳体验的34条黄金守则—内容 1、布局的思想：使用
- Altova 公司的 XMLSPY 是个不可多得的好东西，它几乎可以开发所有的 XML 产品。最近用它来做 Schema
- 因为他的简单实用和数量庞大的插件，所以我们喜欢和使用jQuery，在jQuery数量庞大的插件中有很大的一部分是关于图片的，所以今天我们就整
- 我们在工作中经常强调沟通能力，和产品、开发、测试等不同角色的人需要沟通，和领导、同事需要沟通，沟通是一个双向的过程，而沟通首先需要双方有良好
- 这个技巧将教你如何用css做出漂亮的文本按钮，有活力的按钮将节省你很多制作图片的时间，也能让你一天的工作中成为一个快乐的人，让我们一起看看效
- 在使用AJAX开发网站时，经常有朋友遇到乱码的问题，而且一下子难以找到解决方法。其实解决AJAX中文乱码问题很简单。1、服务端程序：<
- 内容摘要：asp使用最多的就是ACCESS数据库和ms sql server数据库，本文列出了asp连接这两个数据库的方
- 1 引言 在关系数据库（DB2，Oracle，Sybase，Informix和SQL Server）最小的恢复和交易单位为一个事务（Tran
- win2000注册表程序 regedt32.exe下面是解决IIS出现Active Server Pages错误&
- DATE_FORMA T(date, format) 根据格式串format 格式化日期或日期和时间值date，返回结果串。可用DATE_F
