"jquery"相关教程
设置内容-text()、html()以及val()我们将使用前一章中的三个相同的方法来设置内容：text()-设置或返回所选元素的文本内容html()-设置或返回所选元素的内容（包括HTML标记）val()-设置或返回表单字段的值下面的例子演示如何通过text()、html()以及val()方法来设置内容：实例$("#btn1").click(function(){ $("#test1").text("Hello ...
$(document).ready(function(){$(".flip").click(function(){$(".panel").slideToggle(5000);});$("#stop").click(function(){$(".panel").stop();});});jQuerystop()方法用于在动画或效果完成前对它们进行停止。效果演示停止滑动点击这里，向上/向下滑动面板一寸光阴一寸金，因此，我们为您提供快捷易懂的学习内容。在这里，您可以通过一种易懂的便利的模式获得您需要的...
通过jQuery，您可以把动作/方法链接起来。Chaining允许我们在一条语句中允许多个jQuery方法（在相同的元素上）。jQuery方法链接直到现在，我们都是一次写一条jQuery语句（一条接着另一条）。不过，有一种名为链接（chaining）的技术，允许我们在相同的元素上运行多条jQuery命令，一条接着另一条。提示：这样的话，浏览器就不必多次查找相同的元素。如需链接一个动作，您只需简单地把该动作追加到之前的动作上。例子1下面的例子把css(),slideUp(),andslideDow...
什么是遍历？jQuery遍历，意为“移动”，用于根据其相对于其他元素的关系来“查找”（或选取）HTML元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。下图展示了一个家族树。通过jQuery遍历，您能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对DOM进行遍历。图示解释：<div>元素是<ul>的父元素，同时是其中所有内容的祖先。<ul>元素是<li>元素的父元素...
jQuery库可以通过一行简单的标记被添加到网页中。jQuery库-特性jQuery是一个JavaScript函数库。jQuery库包含以下特性：HTML元素选取HTML元素操作CSS操作HTML事件函数JavaScript特效和动画HTMLDOM遍历和修改AJAXUtilities向您的页面添加jQuery库jQuery库位于一个JavaScript文件中，其中包含了所有的jQuery函数。可以通过下面的标记把jQuery添加到网页中：<head><script t...
jQuery拥有可操作HTML元素和属性的强大方法。jQueryDOM操作jQuery中非常重要的部分，就是操作DOM的能力。jQuery提供一系列与DOM相关的方法，这使访问和操作元素和属性变得很容易。提示：DOM=DocumentObjectModel（文档对象模型）DOM定义访问HTML和XML文档的标准：“W3C文档对象模型独立于平台和语言的界面，允许程序和脚本动态访问和更新文档的内容、结构以及样式。”获得内容-text()、html()以及val()三个简单实用的用于DOM操作的jQu...
选择器允许您对元素组或单个元素进行操作。jQuery选择器在前面的章节中，我们展示了一些有关如何选取HTML元素的实例。关键点是学习jQuery选择器是如何准确地选取您希望应用效果的元素。jQuery元素选择器和属性选择器允许您通过标签名、属性名或内容对HTML元素进行选择。选择器允许您对HTML元素组或单个元素进行操作。在HTMLDOM术语中：选择器允许您对DOM元素组或单个DOM节点进行操作。jQuery元素选择器jQuery使用CSS选择器来选取HTML元素。$("p"...
Callback函数在当前动画100%完成之后执行。jQuery动画的问题许多jQuery函数涉及动画。这些函数也许会将speed或duration作为可选参数。例子：$("p").hide("slow")speed或duration参数可以设置许多不同的值，比如"slow","fast","normal"或毫秒。实例$("button").click(function(){$...
祖先是父、祖父或曾祖父等等。通过jQuery，您能够向上遍历DOM树，以查找元素的祖先。向上遍历DOM树这些jQuery方法很有用，它们用于向上遍历DOM树：parent()parents()parentsUntil()jQueryparent()方法parent()方法返回被选元素的直接父元素。该方法只会向上一级对DOM树进行遍历。下面的例子返回每个<span>元素的的直接父元素：实例$(document).ready(function(){ $("...
jQuery是为事件处理特别设计的。jQuery事件函数jQuery事件处理方法是jQuery中的核心函数。事件处理程序指的是当HTML中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使用。通常会把jQuery代码放到<head>部分的事件处理方法中：实例<html><head><script type="text/javascript" src="jquery.js"&g...
[jQuery] jQuery - noConflict() 方法
如何在页面上同时使用jQuery和其他框架？jQuery和其他JavaScript框架正如您已经了解到的，jQuery使用$符号作为jQuery的简写。如果其他JavaScript框架也使用$符号作为简写怎么办？其他一些JavaScript框架包括：MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScriptMVC、GoogleWebToolkit、GoogleClosure、Ember、Batman以及ExtJS。其中某些框架也使用$符号作为简写...
把jQuery添加到您的网页如需使用jQuery，您需要下载jQuery库（会在下面为您讲解），然后把它包含在希望使用的网页中。jQuery库是一个JavaScript文件，您可以使用HTML的<script>标签引用它：<head><script src="jquery.js"></script></head>请注意，<script>标签应该位于页面的<head>部分。提示：您是否...
通过jQuery，可以很容易地删除已有的HTML元素。删除元素/内容如需删除元素和内容，一般可使用以下两个jQuery方法：remove()-删除被选元素（及其子元素）empty()-从被选元素中删除子元素jQueryremove()方法jQueryremove()方法删除被选元素及其子元素。实例$("#div1").remove();亲自试一试jQueryempty()方法jQueryempty()方法删除被选元素的子元素。实例$("#div1").em...
通过jQuery，很容易处理元素和浏览器窗口的尺寸。jQuery尺寸方法jQuery提供多个处理尺寸的重要方法：width()height()innerWidth()innerHeight()outerWidth()outerHeight()jQuerywidth()和height()方法width()方法设置或返回元素的宽度（不包括内边距、边框或外边距）。height()方法设置或返回元素的高度（不包括内边距、边框或外边距）。下面的例子返回指定的<div>元素的宽度和高度：实例$(...
$(document).ready(function(){$("a#bDemo").click(function(){$("div#divDemo").animate({left:"170px",opacity:"0.5"},"slow");$("div#divDemo").animate({fontSize:"5em"},"slow");});});jQueryanimate()方法允许您创建自定义的动画。效果演示开始动画jQueryjQuery动画-animate()方法jQueryanim...