• jQuery基础教程

  • 价格:免费
  • 状态:章节更新中
  • 在读人数:26
  • 热度:610
创建者
内容简介

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

本书将从最基础的知识开始讲起,让你能以一种循序渐进的方式快速掌握jQuery的相关知识,当然,本书也能成为你平时开发应用的一种收藏,有问题,可以随时查询。

章节目录
  • 第一章 jQuery基础教程导读
  • 1.1 jQuery 简介
  • 您需要具备的基础知识 在您开始学习 jQuery 之前,您应该对以下知识有基本的了解: HTML CSS JavaScript 如果您需要首先学习这些科目,请在我们的 首页 查找这些教程。 什么是 jQuery ?1.jQuery是一个
  • 1.2 jQuery的安装
  • 网页中添加 jQuery可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法: 1.从 jquery.com 下载 jQuery 库 2.从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery下载 jQuery有两个版本的 jQuery 可供下载: 1.Product
  • 1.3 jQuery基本语法介绍
  • jQuery 语法jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。 基础语法: $(selector).action() 美元符号定义 jQuery 选择符(selector)"查
  • 1.4 jQuery选择器
  • jQuery 选择器 jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。 jQuery 中所有选择器都以美元符号开头:$()。jQuery选择器之元素选择器jQuery 元素选择器基于
  • 1.5 jQuery中的事件
  • 什么是事件? 页面对不同访问者的响应叫做事件。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。 实例: 1.在元素上移动鼠标。 2.选取单选按钮 3.点击元素 在事件中经常使用术语"触发"(或"激发")例如: "当您按下按键时触发
  • 第二章 jQuery常见特效实例
  • 2.1 jQuery特效之隐藏和显示
  • jQuery 效果- 隐藏和显示 在 jQuery 中可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素,以及使用 toggle() 方法能够切换 hide() 和 show() 方法。隐藏、显示、切换,滑动,淡入淡出,以及动画,哇哦!实例 jQuery hide() 简单的jQuery hide()方法演
  • 2.2 jQuery特效之淡入淡出
  • jQuery 效果 - 淡入淡出 在在jQuery中可以通过四个方法来实现元素的淡入淡出,这四个方法分别是:fadeIn()、fadeOut()、fadeToggle() 以及 fadeTo(),本文通过实例来为你讲解如何在jQuery中使用这四个方法。通过 jQuery,您可以实现元素的淡入淡出效果。 实例 jQuery fadeIn() <!DOC
  • 2.3 jQuery特效之滑动效果
  • 通过 jQuery,您可以在元素上创建滑动效果。jQuery 拥有以下滑动方法: slideDown() slideUp()slideToggle()一.jQuery slideDown() 方法jQuery slideDown() 方法用于向下滑动元素。语法: $(selector).s
  • 2.4 jQuery特效之动画
  • 在使用jQuery动画时,你可能想要实现更加丰富的效果,那么你可以通过使用 jQuery animate() 方法自定义动画来达到目的,具体的使用方法如下文所述。 jQuery 动画 - animate() 方法 jQuery animate() 方法用于创建自定义动画。 语法: $(selector).anim
  • 2.5 jQuery特效之停止动画
  • jQuery stop() 方法用于在动画或效果完成前对它们进行停止。stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。 语法: $(selector).stop(stopAll,goToEnd); 可选的 stop
  • 2.6 jQuery中的Callback 方法
  • Callback 函数在当前动画 100% 完成之后执行。 jQuery 动画的问题 许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。 例子:$("p").hide("slow") speed 或 duration 参数可以设置许多不同的值,比如 "slow", &qu
  • 2.7 jQuery中的Chaining
  • jQuery 方法链接 直到现在,我们都是一次写一条 jQuery 语句(一条接着另一条)。不过,有一种名为链接(chaining)的技术,允许我们在相同的元素上运行多条 jQuery 命令,一条接着另一条。 提示: 这样的话,浏览器就不
  • 第三章 jQuery操作html元素
  • 3.1 jQuery获取html元素的内容和属性
  • jQuery DOM 操作jQuery 中非常重要的部分,就是操作 DOM 的能力。jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。 提示: DOM = Document Object Model(文档对象模型)DOM 定义访问 HTML 和 XML 文档的标准:"W3C 文档对象模型独立于平台和语言的界面,允许程序和脚本动态访问和更新文档的内容、结
  • 3.2 jQuery设置html元素的内容和属性
  • 设置内容 - text()、html() 以及 val() 我们将使用前一章中的三个相同的方法来设置内容: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值 下面的例子演示如何通过 text()、html() 以及 val() 方法来设置内容: <!DOCTYPE h
  • 3.3 jQuery添加新的html内容
  • 我们将学习用于添加新内容的四个 jQuery 方法: 1.append() - 在被选元素内部的结尾插入指定内容 2.prepend() - 在被选元素内部的开头插入指定内容 3.after() - 在被选元素之后插入内容4.before() - 在被选元素之前插入内容jQuery append() 方法 jQuery append() 方法在被选
  • 3.4 jQuery删除html元素操作
  • 如需删除元素和内容,一般可使用以下两个 jQuery 方法: remove() - 删除被选元素(及其子元素) empty() - 从被选元素中删除子元素jQuery remove() 方法jQuery remove() 方法删除被选元素及其子元素。 实例 <!DOCTYPE html> <html&gt
  • 3.5 jQuery操作css样式
  • jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些: addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的切换操作 css() - 设置或返回样式属性下面的样式表将用于本页的所有例子: .important
  • 3.6 jQuery设置css属性
  • jQuery css() Method css() 方法设置或返回被选元素的一个或多个样式属性。返回 CSS 属性如需返回指定的 CSS 属性的值,请使用如下语法: css("propertyname"); 下面的例子将返回首个匹配元素的 background-c
  • 3.7 jQuery设置元素和浏览器窗口尺寸
  • 通过 jQuery,很容易处理元素和浏览器窗口的尺寸。 jQuery 提供多个处理尺寸的重要方法: width() height() innerWidth() innerHeight() outerWidth()
  • 第四章 jQuery中的遍历元素操作
  • 4.1 什么是jQuery的遍历
  • 什么是遍历? jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。下图展示了一个家族树。通过 jQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动
  • 4.2 jQuery遍历之遍历祖先
  • 祖先是父、祖父或曾祖父等等。通过 jQuery,您能够向上遍历 DOM 树,以查找元素的祖先。 向上遍历 DOM 树,这些 jQuery 方法很有用,它们用于向上遍历 DOM 树: parent() parents()parentsUntil()jQuery parent() 方法 parent() 方法返回被选元素的直接父元素。该方法只会向上一级对 DOM 树进行遍历。
  • 4.3 jQuery遍历之遍历后代
  • 后代是子、孙、曾孙等等。通过 jQuery,您能够向下遍历 DOM 树,以查找元素的后代。下面是两个用于向下遍历 DOM 树的 jQuery 方法: children()find()jQuery children() 方法 children() 方法返回被选元素的所有直接子元素。该方法只会向下一级对
  • 4.4 jQuery遍历之遍历同胞
  • 同胞拥有相同的父元素。通过 jQuery,您能够在 DOM 树中遍历元素的同胞元素。jQuery有许多有用的方法让我们在 DOM 树进行水平遍历:jQuery siblings() 方法 siblings() 方法返回被选元素的所有同胞元素。下面的例子返回 <h2> 的所有同胞元素: 实例 <!DOCTYPE html> <html&g
  • 4.5 jQuery遍历操作之过滤
  • 缩小搜索元素的范围 三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不匹
  • 第五章 jQuery中的ajax技术
  • 5.1 ajax简介
  • 什么是 AJAX? AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。简单地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。使用 AJA
  • 5.2 jQuery ajax load()方法
  • jQuery load() 方法是简单但强大的 AJAX 方法。load() 方法从服务器加载数据,并把返回的数据放入被选元素中。 语法: $(selector).load(URL,data,callback); 1.必需的 URL 参数规定您希望加载的 UR
  • 5.3 jQuery ajax中的get()和post()方法
  • HTTP 请求:GET vs. POST 两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。 GET - 从指定的资源请求数据 POST - 向指定的资源提交要处理的数据 GET 基本上用于从服务器获得(取
  • 第六章 jQuery的其它知识点
  • 6.1 jQuery中的 noConflict() 方法
  • noConflict() 方法会释放对 $ 标识符的控制,这样其他脚本就可以使用它了。当然,您仍然可以通过全名替代简写的方式来使用 jQuery: 实例 $.noConflict(); jQuery(document).ready(function(){ jQuery("button").clic
读者评论
  • 你还没登录,点击这里
  • 本书评论
最近这些人在读这本书