Welcome

首页 / 脚本样式 / jQuery

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

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

jQuery入门（7） 滑动效果

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

jQuery入门（8） 动画效果

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

jQuery入门（10） 回调函数

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

jQuery入门（11） 方法链

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

jQuery入门（12） HTML Get

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

jQuery入门（13）HTML Set

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

jQuery入门（14） 添加HTML元素

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

jQuery入门（15） 删除HTML元素

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

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

2017-02-06 64
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 53
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 56
jquery入门教程2013-05-22...

jquery构建功能型表单（一）

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

jquery构建功能型表单（二）

2017-02-06 58
jquery构建功能型表单（二）2013-10-16在构建功能型表单（一） 中介绍了一些适用于用户进行文本性输入的表单功能。然而，有时候表单中的内容也会以数字为主。当处理作为表单内容的数字值时，也可以实现另外几种表单增强功能。数字表单的典型代表就是购物车。在购物车表单中，应该允许用户更新购买的商品数量，同时，也要为用户提供价格和总金额的数字反馈。构建功能行表单（二）1.在操作表单前先为表格应用标准的行条纹效果，美化一下表格的外观Js代码var stripe...
<< 1 2 3 4 5 6 7 8 9 10 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图