$(document).ready(function(){
$(“button#bDemo”).click(function(){
$(“div#divDemo”).animate({left:”170px”,opacity:”0.5″},”slow”);
$(“di……继续阅读 »
2年前 (2022-07-26) 169浏览 0评论
0个赞
$(document).ready(function(){
$(“.flip”).click(function(){
$(“.panel”).slideToggle(“slow”);
});
});
div.panel,p.flip
{
width:90%;
margin:auto;
padding:5px;
text-align:center;……继续阅读 »
2年前 (2022-07-26) 128浏览 0评论
0个赞
jQuery 遍历 – 祖先
祖先是父、祖父或曾祖父等等。
通过 jQuery，您能够向上遍历 DOM 树，以查找元素的祖先。
向上遍历 DOM 树
这些 jQuery 方法很有用，它们用于向上遍历 DOM 树：
parent()
parents()
parentsUntil()
jQuery parent() 方法
parent() 方法返回被选元素的直接父元素。
该方法只会向上一级对 D……继续阅读 »
2年前 (2022-07-25) 330浏览 0评论
0个赞
jQuery Cookie 插件
jQuery 可以通过 jquery.cookie.js 插件来操作 Cookie。
官方地址：http://plugins.jquery.com/cookie/
Github 地址：https://github.com/carhartl/jquery-cookie
使用 jquery.cookie.js 之前需要先引入 jQuery：
<script src="……继续阅读 »
2年前 (2022-07-24) 192浏览 0评论
0个赞
jQuery – 设置内容和属性
设置内容 – text()、html() 以及 val()
我们将使用前一章中的三个相同的方法来设置内容：
text() – 设置或返回所选元素的文本内容
html() – 设置或返回所选元素的内容（包括 HTML 标记）
val() – 设置或返回表单字段的值
下面的例子演示如何通过 text()、html() 以……继续阅读 »
2年前 (2022-07-23) 306浏览 0评论
0个赞
jQuery 事件
jQuery 是为事件处理特别设计的。
什么是事件？
页面对不同访问者的响应叫做事件。
事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。
实例：
在元素上移动鼠标。
选取单选按钮
点击元素
在事件中经常使用术语”触发”（或”激发”）例如：
“当您按下按键时触发 keypress 事件”。
常见 DOM ……继续阅读 »
2年前 (2022-07-22) 112浏览 0评论
0个赞
$(document).ready(function(){
$(“.flip”).click(function(){
$(“.panel”).toggle();
});
});
div.panel,p.flip
{
width:90%;
margin:auto;
padding:5px;
text-align:center;
background:#e5eecc;
bo……继续阅读 »
2年前 (2022-07-20) 254浏览 0评论
0个赞
jQuery – 获取内容和属性
jQuery 拥有可操作 HTML 元素和属性的强大方法。
jQuery DOM 操作
jQuery 中非常重要的部分，就是操作 DOM 的能力。
jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。
DOM = Document Object Model（文档对象模型）
DOM 定义访问 HTML 和 XML 文档的标准：
……继续阅读 »
2年前 (2022-07-20) 288浏览 0评论
0个赞
jQuery 遍历- 过滤
缩小搜索元素的范围
三个最基本的过滤方法是：first(), last() 和 eq()，它们允许您基于其在一组元素中的位置来选择一个特定的元素。
其他过滤方法，比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。
jQuery first() 方法
first() 方法返回被选元素的首个元素。
下面的例子选取首个 <div> 元素内部的第一……继续阅读 »
2年前 (2022-07-16) 166浏览 0评论
0个赞
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
下面的表格列出了所有用于处理 HTML 和 CSS 的 jQuery 方法。
下面的方法适用于 HTML 和 XML 文档。除了：html() 方法。
方法
描述
addClass()
向被选元素添加一个或多个类名
after()
在被选元素后插入内容
append()
在被选元素的结尾插入内容
appendTo……继续阅读 »
2年前 (2022-07-03) 158浏览 0评论
0个赞
jQuery 简介
jQuery 库可以通过一行简单的标记被添加到网页中。
您需要具备的基础知识
在您开始学习 jQuery 之前，您应该对以下知识有基本的了解：
HTML
CSS
JavaScript
如果您需要首先学习这些科目，请在我们的 首页 查找这些教程。
什么是 jQuery ？
jQuery 是一个 JavaScript 函数库。
jQuery 是一个轻量级的”写的少，做的多&#……继续阅读 »
2年前 (2022-07-01) 152浏览 0评论
0个赞
jQuery 遍历 – 后代
后代是子、孙、曾孙等等。
通过 jQuery，您能够向下遍历 DOM 树，以查找元素的后代。
向下遍历 DOM 树
下面是两个用于向下遍历 DOM 树的 jQuery 方法：
children()
find()
jQuery children() 方法
children() 方法返回被选元素的所有直接子元素。
该方法只会向下一级对 DOM 树进行遍历。
下面的例……继续阅读 »
2年前 (2022-06-30) 227浏览 0评论
0个赞
jQuery Password Validation（密码验证）
jQuery Password Validation（密码验证）插件扩展了 jQuery Validate 插件，提供了两种组件：
一种评价密码的相关因素的功能：比如大小写字母的混合情况、字符（数字、特殊字符）的混合情况、长度、与用户名的相似度（可选的）。
一种使用评价功能显示密码强度的验证插件自定义方法。显示的文本可以被本地化。
您可以简单地自定义强……继续阅读 »
2年前 (2022-06-29) 193浏览 0评论
0个赞
jQuery – 链(Chaining)
通过 jQuery，可以把动作/方法链接在一起。
Chaining 允许我们在一条语句中运行多个 jQuery 方法（在相同的元素上）。
jQuery 方法链接
直到现在，我们都是一次写一条 jQuery 语句（一条接着另一条）。
不过，有一种名为链接（chaining）的技术，允许我们在相同的元素上运行多条 jQuery 命令，一条接着另一条。
提示： 这……继续阅读 »
2年前 (2022-06-29) 287浏览 0评论
0个赞
jQuery css() 方法
jQuery css() 方法
css() 方法设置或返回被选元素的一个或多个样式属性。
返回 CSS 属性
如需返回指定的 CSS 属性的值，请使用如下语法：
css(“propertyname“);
下面的例子将返回首个匹配元素的 background-color 值：
实例
$("p").css("background-……继续阅读 »
2年前 (2022-06-29) 171浏览 0评论
0个赞
jQuery Accordion
jQuery Accordion 插件用于创建折叠菜单。它通常与嵌套的列表、定义列表或嵌套的 div 一起使用。选项用于指定结构、激活的元素和定制的动画。
该插件现在是 jQuery UI 的一部分，独立的版本不会再更新了。目前版本是 1.6。
jQuery Accordion 官网，jQuery Accordion 插件下载：http://www.runoob.com/try/do……继续阅读 »
2年前 (2022-06-28) 341浏览 0评论
0个赞
jQuery 实例
你想增进 jQuery 技能吗？
jQuery 选择器
$(this).hide()
演示 jQuery 的 hide() 函数，隐藏当前的 HTML 元素。
$(“p”).hide()
演示 jQuery 的 hide() 函数，隐藏所有 <p> 元素。
$(“.test”).hide()
演示 jQuery 的 hide() 函……继续阅读 »
2年前 (2022-06-27) 205浏览 0评论
0个赞
jQuery – AJAX get() 和 post() 方法
jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。
HTTP 请求：GET vs. POST
两种在客户端和服务器端进行请求-响应的常用方法是：GET 和 POST。
GET – 从指定的资源请求数据
POST – 向指定的资源提交要处理的数据
G……继续阅读 »
2年前 (2022-06-25) 278浏览 0评论
0个赞
jQuery Autocomplete
jQuery Autocomplete 插件根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。通过给 Autocomplete 字段焦点或者在其中输入字符，插件开始搜索匹配的条目并显示供选择的值的列表。通过输入更多的字符，用户可以过滤列表以获得更好的匹配。
该插件现在是 jQuery UI 的一部分，独立的版本不会再更新了。目前版本是 1.6。
访问 jQuer……继续阅读 »
2年前 (2022-06-24) 223浏览 0评论
0个赞
jQuery
杂项方法
jQuery 杂项方法
方法
描述
data()
向被选元素附加数据，或者从被选元素获取数据
each()
为每个匹配元素执行函数
get()
获取由选择器指定的 DOM 元素
index()
从匹配元素中搜索给定元素
$.noCo……继续阅读 »
2年前 (2022-06-21) 295浏览 0评论
0个赞
jQuery 尺寸
通过 jQuery，很容易处理元素和浏览器窗口的尺寸。
jQuery 尺寸方法
jQuery 提供多个处理尺寸的重要方法：
width()
height()
innerWidth()
innerHeight()
outerWidth()
outerHeight()
jQuery 尺寸
jQuery width() 和 height() 方法
width() 方法设置或返回元素的宽……继续阅读 »
2年前 (2022-06-20) 164浏览 0评论
0个赞
jQuery – AJAX 简介
AJAX 是与服务器交换数据的技术，它在不重载全部页面的情况下，实现了对部分网页的更新。
jQuery AJAX 实例
$(document).ready(function(){
$(“button”).click(function(){
$(“#div1”).load(“/try/ajax/de……继续阅读 »
2年前 (2022-06-19) 194浏览 0评论
0个赞
jQuery Tooltip
jQuery Tooltip 插件取代了原生的工具提示框，让它们可自定义，您只需要调整它们的内容、位置和外观即可。
该插件目前版本是 1.3，已经很长时间没有更新，推荐使用 jQuery UI 工具提示框（Tooltip）。
如需了解更多有关 jQuery UI 工具提示框（Tooltip）的细节，请查看 API 文档 jQuery UI 工具提示框部件（Tooltip Widget）。……继续阅读 »
2年前 (2022-06-19) 164浏览 0评论
0个赞
jQuery Prettydate
jQuery Prettydate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。
该插件目前版本是 1.1.0。
下载 jQuery Pr……继续阅读 »
2年前 (2022-06-18) 256浏览 0评论
0个赞
jQuery 属性
jQuery 属性
方法
描述
context
在版本 1.10 中被废弃。包含被传递到 jQuery 的原始上下文
jquery
包含 jQuery 的版本号
jQuery.fx.interval
改变以毫秒计的动画运行速率
jQuery.fx.off
对所有动画进行全局禁用或启用
jQuery.support
包含表示不同浏览器特性或漏洞的属性集（主要用于 jQu……继续阅读 »
2年前 (2022-06-18) 213浏览 0评论
0个赞
jQuery Growl 插件(消息提醒)
jQuery Growl 插件(消息提醒) 允许您很容易地在一个覆盖层显示反馈消息。消息会在一段时间后自动消失，不需要单击”确定”按钮等。用户也可以通过移动鼠标或点击关闭按钮加快隐藏信息。
该插件目前版本是 1.0.0。
访问 jQuery Growl 官网，下载 jQuery Growl 插件。
效果如下：
使用方式
下载好插件后……继续阅读 »
2年前 (2022-06-17) 270浏览 0评论
0个赞
$(document).ready(function(){
$(“#btnEx”).click(function(){
$(“#test”).toggleClass(“important”);
});
});
.important
{
font-size:x-large;
font-weight:bold;
color:#c3c3……继续阅读 »
2年前 (2022-06-16) 328浏览 0评论
0个赞
jQuery – noConflict() 方法
如何在页面上同时使用 jQuery 和其他框架？
jQuery 和其他 JavaScript 框架
正如您已经了解到的，jQuery 使用 $ 符号作为 jQuery 的简写。
如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办？
其他一些 JavaScript 框架包括：MooTools、Backbone、Sammy、Cappucc……继续阅读 »
2年前 (2022-06-16) 201浏览 0评论
0个赞
$(document).ready(function(){
$(“.flip”).click(function(){
$(“.panel”).fadeToggle(1000);
});
});
div.panel,p.flip
{
width:90%;
margin:auto;
padding:5px;
text-align:center;
background:#e5……继续阅读 »
2年前 (2022-06-14) 107浏览 0评论
0个赞
jQuery 遍历 方法
jQuery 遍历方法
方法
描述
add()
把元素添加到匹配元素的集合中
addBack()
把之前的元素集添加到当前集合中
andSelf()
在版本 1.8 中被废弃。addBack() 的别名
children()
返回被选元素的所有直接子元素
closest()
返回被选元素的第一个祖先元素
contents()
返回被选元素的所有直接子元素（包含……继续阅读 »
2年前 (2022-06-14) 164浏览 0评论
0个赞
