jQuery资料,jQuery文章,jQuery文档-易库教程

jQuery入门（5）显示/隐藏内容

2017年02月06日 75 阅读

jQuery入门（5）显示/隐藏内容2013-05-22 引路蜂移动软件 jQuery的hide（）和show（）可以用来显示和隐藏内容。比如下面的例子：jQuery的hide（）和show（）可以用来显示和隐藏内容。比如下面的例子：<！doctype html> <html> <head> <meta charset="utf-8"> <title>JQuery Demo...

jQuery入门（6）淡入淡出效果

2017年02月06日 70 阅读

jQuery入门（6）淡入淡出效果2013-05-22 引路蜂移动软件 jQuery 提供了下面几种方法可以实现显示的淡入淡出效果：fadeIn（）fadeOut（）fadeToggle（）fadeTo（）fadeIn（）方法fadeIn（）实现淡入效果，其基本语法如下：$（selector）.fadeIn（speed,callback）;可选参数speed给出了淡入效果的时间，可以使用 “slow”,”fast...

jQuery入门（7）滑动效果

2017年02月06日 70 阅读

jQuery入门（7）滑动效果2013-05-22 引路蜂移动软件 jQuery支持使用下面方法来实现HTML元素的滑动效果：slideDown（）slideUp（）slideToggle（）slideDown方法用来实现向下滑动动画效果，其基本语法为：$（selector）.slideDown（speed,callback）;可选参数speed给出了淡入效果的时间，可以使用 “slow”,”fast” ...

jQuery入门（8）动画效果

2017年02月06日 73 阅读

jQuery入门（8）动画效果2013-05-22 引路蜂移动软件前面的hide/show,slide in/out其实也具有动画效果，本篇介绍使用animate（）实现自定义动画效果。基本语法如下：$（selector）.animate（{params},speed,callback）;必选的参数为params,定义CSS用于动画效果的的属性。可选参数speed给出了淡入效果的时间，可以使用 “slow”,”f...

jQuery入门（9）终止动画

2017年02月06日 85 阅读

jQuery入门（9）终止动画2013-05-22 引路蜂移动软件 jQuery的使用stop（）方法在动画结束之前停止动画。基本语法如下：$（selector）.stop （stopAll,goToEnd）;可选参数stopAll 指明是否同时清除“动画队列”，缺省为false.意味着只停止当前活动的动画，之后的动画则继续运行。可选参数goToEnd 指明是否立即结束当前动画，缺省为false.因此缺省的stop（）动作为终...

jQuery入门（10）回调函数

2017年02月06日 87 阅读

jQuery入门（10）回调函数2013-05-22 引路蜂移动软件 JavaScript语句是一行一行执行的，然而对于前面的动画效果语句，后面的语句可以在动画效果完成前就执行，因此可能会造成错误的结果。所以之前的 hide,show,fadeIn,fadeOut,slideIn,slideOut,animation都支持一个callback可选参数，支持为这些方法添加一个回调函数，在动画完成之后调用。典型的语法如下：$（selector）.hide...

jQuery入门（11）方法链

2017年02月06日 76 阅读

jQuery入门（11）方法链2013-05-22 引路蜂移动软件 jQuery支持将多个方法链接在一起，比如介绍的多个animation（），这个链接也可以应用到其它方法，构成一个方法链。使用这个方法，对于同一个元素，链接多个方法，浏览器无需多次查找HTML元素。下面的方法，可以把css,slideUp,slideDown串接在一起：$（"#p1"） .css（"color","red"）...

jQuery入门（12） HTML Get

2017年02月06日 81 阅读

jQuery入门（12） HTML Get2013-05-22 引路蜂移动软件 jQuery库包含了很多用来改变和操作HTML元素及其属性的方法。其中一个非常重要的部分就是 jQuery可以用来操作DOM。本篇介绍使用jQuery来取得DOM节点元素的值或属性。其中三个简单而有用的方法如下：text（） – 设置或取得指定元素的文本内容。html（） – 设置或取得指定元素的内容（包括HTML标记）val（） – 设...

jQuery入门（13）HTML Set

2017年02月06日 77 阅读

jQuery入门（13）HTML Set2013-05-22 引路蜂移动软件上篇介绍HTML Get，jQuery其实使用上面同样的三个方法来赋值。text（） – 设置或取得指定元素的文本内容。html（） – 设置或取得指定元素的内容（包括HTML标记）val（） – 设置或取得表单某个输入域的值。比如下面代码就是使用上面三种方法给HTML元素或Form赋值$（"#btn1"）.click（...

jQuery入门（14）添加HTML元素

2017年02月06日 84 阅读

jQuery入门（14）添加HTML元素2013-05-22 引路蜂移动软件使用jQuery可以方便的添加新的HTML元素。下面的方法用于添加HTML元素：append（） – 在指定的元素的尾部添加一个新内容。prepend（） -在指定的元素里前部添加新内容。after（） – 在指定元素前添加新内容before（） -在指定元素的后面添加新内容。乍一看 append,prepend 和after,before似乎功能一样，...

jQuery入门（15）删除HTML元素

2017年02月06日 74 阅读

jQuery入门（15）删除HTML元素2013-05-22 引路蜂移动软件 jQuery使用下面两个方法来删除或是清空某个HTML元素。remove（） – 删除指定的元素（包括其子元素）empty（） – 清空指定元素的子元素例如：<！DOCTYPE html> <html> <head> <meta charset="utf-8"> <title&g...

jQuery入门（16）设置或取得元素的CSS class

2017年02月06日 78 阅读

jQuery入门（16）设置或取得元素的CSS class2013-05-22 引路峰移动软件 jQuery支持方法用来操作HTML元素的CSS 属性下面的方法为jQuery 提供的CSS操作方法：addClass（） – 为指定的元素添加一个或多个CSS类。removeClass（） – 为指定的元素删除一个或多个CSS类。toggleClass（） – 为指定的元素在添加/删除CSS类之间切换。css（） -设置...

jQuery入门（17）读写HTML元素的css属性

2017年02月06日 80 阅读

jQuery入门（17）读写HTML元素的css属性2013-05-22 引路蜂移动软件 jQuery 的css（）方法用来设置或读取HTML元素的css属性。读取元素的CSS语法语法如下：css（“propertyname“）;比如下面代码取得第一个<p>元素的背景颜色。$（"p"）.css（"background-color"）;使用下面的语法来设置HTML元素的CSS属性：...

jQuery入门（18）操作HTML元素的大小

2017年02月06日 76 阅读

jQuery入门（18）操作HTML元素的大小2013-05-22jQuery 提供下面方法来控制HTML元素的大小：width（）height（）innerWidth（）innerHeight（）outerWidth（）outerHeight（）一般影响HTML元素大小各部分的示意图如下所示：jQuery width（）和height（）方法width（）用来设置或取得元素的宽度，height（）设置和取得元素的高度。下面代码取得<center...

jQuery入门（19） jQuery UI概述

2017年02月06日 78 阅读

jQuery入门（19） jQuery UI概述2013-05-22 引路蜂移动软件前面介绍了jQuery的基本用法，jQuery UI 是一套 JavaScript 函式库，提供抽象化、可自订主题的 GUI 控制项与动画效果。基于 jQuery JavaScript 函式库，可用来建构互动式的Web应用。它的基本功能有：互动拖曳（Draggable） – 让元素可以用滑鼠拖曳。拖放（Droppable） – 让控制项可以接受...

jQuery入门（20） jQuery UI基本工作过程

2017年02月06日 87 阅读

jQuery入门（20） jQuery UI基本工作过程2013-05-22 引路蜂移动软件本篇介绍JQuery UI组件的基本工作过程，以进程条（Progressbar）为例介绍JQuery UI组件工作的基本过程。初始化大部分JQuery Ui组件都可以保持其状态，因此为了能够跟踪UI组件的状态，jQuery UI组件也有一个生命周期，这个生命周期从初始化开始，为了初始化一个UI组件，一般在某个HTML元素调用UI组件（插件）方法。，比如$（ ...

jQuery入门（21） jQuery UI示例

2017年02月06日 74 阅读

jQuery入门（21） jQuery UI示例2013-05-22 引路蜂移动软件上篇介绍了使用jQuery UI基本工作过程，后面就逐个介绍jQuery UI库内置的UI组件，支持的拖放，动画效果等，如果你之前看过Yii Framework教程，PHP Yii Framework封装了jQuery UI组件，有兴趣的可以看一看。本教程面的示例基本翻译自，部分例子可能有些修改，测试环境依然是Visual Studio IDE （2012）.jQu...

jquery入门教程

2017年02月06日 73 阅读

jquery入门教程2013-05-22...

jquery构建功能型表单（一）

2017年02月06日 82 阅读

jquery构建功能型表单（一）2013-10-16 本站整理比较常见的表单验证功能当在网站中使用jQuery时，我们必须时常提醒自己如果用户禁用了JavaScript，那么页面看起来会怎样、功能是否还健全（当然，除非我们知道用户是谁，而且知道他们会怎样配置浏览器）。但是，这并不意味着我们不能为JavaScript的用户创建更美观或者功能更强大的网站。渐进增强的原则在JavaScript开发者中间如此流行，就是因为它在为多数人提供额外功能的同时，还能照...

jquery构建功能型表单（二）

2017年02月06日 79 阅读

jquery构建功能型表单（二）2013-10-16在构建功能型表单（一）中介绍了一些适用于用户进行文本性输入的表单功能。然而，有时候表单中的内容也会以数字为主。当处理作为表单内容的数字值时，也可以实现另外几种表单增强功能。数字表单的典型代表就是购物车。在购物车表单中，应该允许用户更新购买的商品数量，同时，也要为用户提供价格和总金额的数字反馈。构建功能行表单（二）1.在操作表单前先为表格应用标准的行条纹效果，美化一下表格的外观Js代码var stripe...

首页 / 脚本样式 / jQuery

jQuery入门（5） 显示/隐藏内容

jQuery入门（6） 淡入淡出效果

jQuery入门（7） 滑动效果

jQuery入门（8） 动画效果

jQuery入门（9） 终止动画

jQuery入门（10） 回调函数

jQuery入门（11） 方法链

jQuery入门（12） HTML Get

jQuery入门（13）HTML Set

jQuery入门（14） 添加HTML元素

jQuery入门（15） 删除HTML元素

jQuery入门（16） 设置或取得元素的CSS class

jQuery入门（17） 读写HTML元素的css属性

jQuery入门（18） 操作HTML元素的大小

jQuery入门（19） jQuery UI概述

jQuery入门（20） jQuery UI基本工作过程

jQuery入门（21） jQuery UI示例

jquery入门教程

jquery构建功能型表单（一）

jquery构建功能型表单（二）

jQuery入门（5）显示/隐藏内容

jQuery入门（6）淡入淡出效果

jQuery入门（7）滑动效果

jQuery入门（8）动画效果

jQuery入门（9）终止动画

jQuery入门（10）回调函数

jQuery入门（11）方法链

jQuery入门（14）添加HTML元素

jQuery入门（15）删除HTML元素

jQuery入门（16）设置或取得元素的CSS class

jQuery入门（17）读写HTML元素的css属性

jQuery入门（18）操作HTML元素的大小