`
jitaguizhao
  • 浏览: 150836 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

jquery使用教程1

    博客分类:
  • js
阅读更多
第一步 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基础教程中文版2015** jQuery是一款强大的JavaScript库,它简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务。2015年发布的这个基础教程,旨在帮助初学者快速掌握jQuery的核心概念和技术。 一、...

    jQuery精品视频教程

    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基础教程中文版jquery基础教程中文版

    jquery基础教程第四版源码

    《jQuery基础教程第四版》是一本深受欢迎的前端开发指南,专注于jQuery库的使用和实践。jQuery是一个轻量级、高性能的JavaScript库,它极大地简化了JavaScript操作DOM(文档对象模型)、事件处理、动画制作以及Ajax...

    jQuery基础教程第5章中文版

    1. **选择器**:jQuery的选择器基于CSS,允许开发者轻松地选取DOM中的元素。如`$("#id")`用于选取ID为"id"的元素,`$(".class")`用于选取所有class为"class"的元素,而`$("tag")`则选取所有特定标签的元素。 2. **...

    JQuery类库使用教程

    ### JQuery 类库使用教程 #### 一、环境设置与下载jQuery 为了开始使用JQuery,首先需要下载并安装。可以从官方站点(http://jquery.com/)或者中文站点(http://wiki.jquery.org.cn/doku.php)下载最新版本。本...

    JQuery基础教程之第五章

    JQuery基础教程之第五章后面章节请看我后续资源jquery全套教程: JQuery基础教程之前言和前三章:http://download.csdn.net/source/745869 JQuery基础教程之第四章:http://download.csdn.net/source/745907 JQuery...

    jQuery基础教程(第四版)中文pdf版+配套源码

    在HTML文档操作方面,教程将详细介绍如何使用jQuery来改变HTML内容、添加或删除元素,以及如何使用`html()`, `text()`, `append()`, `prepend()`等方法。此外,还会涉及CSS操作,如设置样式、添加/移除类,以及使用`...

    尚硅谷JQuery视频教程

    尚硅谷JQuery视频教程尚硅谷JQuery视频教程尚硅谷JQuery视频教程尚硅谷JQuery视频教程

    jQuery基础教程

    《jQuery基础教程(第2版)》最后两章专门介绍了如何使用和编写jQuery插件。值得一提的是,本版新增的附录D分门别类地列出了所有jQuery API,为高效使用jQuery提供了方便。, 《jQuery基础教程(第2版)》注重理论与实践...

    jQuery电子书教程合集

    jQuery电子书教程合集,包括jQuery入门教程(很不错),jQuery基础教程,jQuery的起点教程(PDF版),15天学会jquery(完整版),可能有些教程之间就有些重复,因为都是从网上下载的,有需要朋友就下吧!

    JQuery基础教程之第七章

    JQuery基础教程之第七章后续章节看我后续资源jquery全套教程: JQuery基础教程之前言和前三章:http://download.csdn.net/source/745869 JQuery基础教程之第四章:http://download.csdn.net/source/745907 JQuery基础...

    jQuery教程PDF版

    ### jQuery教程精要 #### 一、初识jQuery:为何选择它? 在现代网页开发中,**jQuery**作为一款流行的JavaScript库,凭借其强大的功能和简洁的语法,成为了提升网页互动性和开发效率的关键工具。本教程旨在深入...

    jQuery学习教程.CHM

    1. **jQuery选择器**:jQuery提供了丰富的选择器,如ID选择器(#id)、类选择器(.class)、元素选择器(tagname)等,以及组合选择器,使得选取DOM元素变得更加便捷。 2. **DOM操作**:jQuery封装了对DOM的操作,如`$...

    jQuery视频教程及详细说明

    **jQuery视频教程及详细说明** 本教程旨在深入探讨jQuery这一强大的JavaScript库,它极大地简化了网页的DOM操作、事件处理、动画制作以及Ajax交互。jQuery以其简洁的语法和丰富的插件,成为前端开发者不可或缺的...

    jQuery基础教程.pdf

    jQuery基础教程.pdf jQuery基础教程.pdf

    jQuery基础教程源码

    这个"jQuery基础教程源码"资源包含了与《jQuery基础教程》一书配套的所有实例源代码,旨在帮助读者更好地理解和实践jQuery的核心概念。 在jQuery中,DOM(文档对象模型)操作是其主要功能之一。DOM是HTML和XML文档...

Global site tag (gtag.js) - Google Analytics