第一步 ready函数
如果你需要一些函数需要在DOM加载就绪以后才能执行,当然window.onload()能实现同样的功能,但当window.onload函数执行的时候,要说明所有东西已经载入,包括图像和横幅等等。要知道较大的图片下载速度会比较慢,因此用户必须等待大图片下载完毕才能看到window.onload()执行的代码效果,这样就花费了很长的等待时间,这不是我们想要的.
$(document).ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。这是事件模块中最重要的一个函数,因为它可以极大地提高web应用程序的响应速度。 简单地说,这个方法纯粹是对向window.load事件注册事件的替代方法。通过使用这个方法,可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数.
(document)意思是说,获取整个网页文档对象(类似的于window.document),$(document).ready意思就是说,获取文档对象就绪的时候。
$(document).ready(function() {
// do stuff when DOM is ready//当文档载入后从此处开始执行代码
});
第二步
下面我们来看看jquery如何给 DOM 各个元素批量绑定事件
$("div").click $("div")就是页面中所有的 div标签 这句话就是给所有的标签为div的元素 绑定了一个click事件 即当所有div 被鼠标单击的时候 执行 alert("Hello World!");
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
jquery基础教程二(demo鼠标点击事件)
Hello World!
分享到:
相关推荐
**jQuery基础教程中文版2015** jQuery是一款强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。2015年发布的这个基础教程,旨在帮助初学者快速掌握jQuery的核心概念和技术。 一、...
jQuery精品视频教程jQuery精品视频教程jQuery精品视频教程
在《JQuery教程全集》的第一章中,作者首先阐述了为何选择 JQuery 这个 JavaScript 库。随着 Web 开发技术的发展,JavaScript 的使用变得越来越普遍。然而,在没有库或框架的支持下,编写复杂的 DOM 操作和 AJAX ...
jquery入门教程 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery 包装集 从零开始学习jQuery (四) 使用jQuery 操作元素的属性与样式 从零开始...
jQuery经典入门教程,供学习交流,谢谢~
jquery基础教程中文版jquery基础教程中文版jquery基础教程中文版
《jQuery基础教程第四版》是一本深受欢迎的前端开发指南,专注于jQuery库的使用和实践。jQuery是一个轻量级、高性能的JavaScript库,它极大地简化了JavaScript操作DOM(文档对象模型)、事件处理、动画制作以及Ajax...
1. **选择器**:jQuery的选择器基于CSS,允许开发者轻松地选取DOM中的元素。如`$("#id")`用于选取ID为"id"的元素,`$(".class")`用于选取所有class为"class"的元素,而`$("tag")`则选取所有特定标签的元素。 2. **...
### JQuery 类库使用教程 #### 一、环境设置与下载jQuery 为了开始使用JQuery,首先需要下载并安装。可以从官方站点(http://jquery.com/)或者中文站点(http://wiki.jquery.org.cn/doku.php)下载最新版本。本...
JQuery基础教程之第五章后面章节请看我后续资源jquery全套教程: JQuery基础教程之前言和前三章:http://download.csdn.net/source/745869 JQuery基础教程之第四章:http://download.csdn.net/source/745907 JQuery...
在HTML文档操作方面,教程将详细介绍如何使用jQuery来改变HTML内容、添加或删除元素,以及如何使用`html()`, `text()`, `append()`, `prepend()`等方法。此外,还会涉及CSS操作,如设置样式、添加/移除类,以及使用`...
尚硅谷JQuery视频教程尚硅谷JQuery视频教程尚硅谷JQuery视频教程尚硅谷JQuery视频教程
《jQuery基础教程(第2版)》最后两章专门介绍了如何使用和编写jQuery插件。值得一提的是,本版新增的附录D分门别类地列出了所有jQuery API,为高效使用jQuery提供了方便。, 《jQuery基础教程(第2版)》注重理论与实践...
jQuery电子书教程合集,包括jQuery入门教程(很不错),jQuery基础教程,jQuery的起点教程(PDF版),15天学会jquery(完整版),可能有些教程之间就有些重复,因为都是从网上下载的,有需要朋友就下吧!
JQuery基础教程之第七章后续章节看我后续资源jquery全套教程: JQuery基础教程之前言和前三章:http://download.csdn.net/source/745869 JQuery基础教程之第四章:http://download.csdn.net/source/745907 JQuery基础...
### jQuery教程精要 #### 一、初识jQuery:为何选择它? 在现代网页开发中,**jQuery**作为一款流行的JavaScript库,凭借其强大的功能和简洁的语法,成为了提升网页互动性和开发效率的关键工具。本教程旨在深入...
1. **jQuery选择器**:jQuery提供了丰富的选择器,如ID选择器(#id)、类选择器(.class)、元素选择器(tagname)等,以及组合选择器,使得选取DOM元素变得更加便捷。 2. **DOM操作**:jQuery封装了对DOM的操作,如`$...
**jQuery视频教程及详细说明** 本教程旨在深入探讨jQuery这一强大的JavaScript库,它极大地简化了网页的DOM操作、事件处理、动画制作以及Ajax交互。jQuery以其简洁的语法和丰富的插件,成为前端开发者不可或缺的...
jQuery基础教程.pdf jQuery基础教程.pdf
这个"jQuery基础教程源码"资源包含了与《jQuery基础教程》一书配套的所有实例源代码,旨在帮助读者更好地理解和实践jQuery的核心概念。 在jQuery中,DOM(文档对象模型)操作是其主要功能之一。DOM是HTML和XML文档...