前端设计 JQuery_德仔-CSDN博客

前端设计 JQuery

关注

关注数：文章数：61 访问量：126884

作者: 厦门德仔

毕业于南昌大学，英语6级，拥有超过13年的工作经验，数据库工程师(中级)，ERP认证工程师，FRCA报表工程师，美国PMP项目管理师，具有项目管理能力，拥有多年项目实施与运维，精通SQL数据库，Asp.net和数据分析管理和开发。曾在台企，港企，美企，民企实施过多个完整ERP,WMS,EHR,OA,BI等项目。

原创 [JQ权威指南]使用$.extend()扩展函数

(1)功能描述编写一个自定义的工具函数，用于两个数值相加 (2)HTML： <script type="text/javascript"> /*------------------------------------------------------------/ 功能：返回两个数求和参数：数字p1,p2 返回：求和

2016-12-09 11:37:57 322 0
原创 [JQ权威指南]搜索插件AutoComplete

(1)AtuoComplete 为自动填充、展示之意。JQuery中引入该插件之后，用户在使用文本框搜索信息时，使用插件中的autocomplete方法绑定文本框，当在文本框中输入某个字符时，通过该方法中的指定的数据URL，返回相匹配的数据，自动显示在文本框下，提醒用户进行选择。(2)功能描述：在页面中创建一个文本框，用于输入查询信息。当在文本框中输入字符时，通过autocompelete插件绑定

2016-11-09 08:40:46 473 0
原创 [JQ权威指南]表单插件form

(1)功能描述：在页面中创建一个ID为”frmUserInfo”的表单，在表单中新建一个文本框，用于输入用户名。新建一个口令文本框，用于输入密码，单击提交后，将向服务器文件login.aspx发送请求。提交表单中的各元素值，服务器响应请求，将返回的内容显示在ID为”divData”页面元素中。 (2)实现代码： html:<!DOCTYPE html PUBLIC "-//W3C//DTD

2016-11-09 08:26:04 402 0
原创 [JQ权威指南]表单插件form

(1)功能描述：在页面中创建一个ID为”frmUserInfo”的表单，在表单中新建一个文本框，用于输入用户名。新建一个口令文本框，用于输入密码，单击提交后，将向服务器文件login.aspx发送请求。提交表单中的各元素值，服务器响应请求，将返回的内容显示在ID为”divData”页面元素中。 (2)实现代码： html:<!DOCTYPE html PUBLIC "-//W3C//DTD

2016-11-08 08:54:59 464 0
原创 [JQ权威指南]validate验证插件

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>validate验证插件</tit

2016-08-15 13:19:28 922 0
原创 [JQ权威指南]JQuery操作XML数据

(1)功能描述在上个例子上加一个ID，并在页面中增加一个删除链接，向服务端发起删除请求，服务端接收请求后，删除学生对应的ID记录。修改XML数据。。。HTML:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

2016-08-02 09:02:41 3226 0
原创 [JQ权威指南]JQuery读取XML数据

读取XML数据对象，并以班级分组的方式将各年级的同学信息显示在页面中。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><

2016-08-02 08:10:04 3831 0
原创 [JQ权威指南]使用JQuery调用XML实现无刷新即时聊天

HTML：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>使用JQuery调用XML

2016-08-05 13:15:58 1496 1
原创 [JQ权威指南]JQuery中的全局事件

(1)功能描述创建一个HTML页面，设置一个文本框和一个按钮，单击"请求"按钮后，获取文本框数据，向服务器发送请求，服务器响应请求后，返回对应的数据，在数据交互过程中，请求开始时，厨房绑定的ajaxStop全局事件，将"正在发送数据请求..."改成"已成功获取数据并隐藏起来"。(2)实现代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit

2016-07-21 08:09:25 2717 0
原创 [JQ权威指南]$.ajaxSetup()方法全局设置Ajax

(1)功能描述:设置三个按钮，分别通过.ajax()方法请求一个XML文档中的某部分数据并将回调的数据展示在页面中。在请求前，使用.ajax()方法请求一个XML文档中的某部分数据并将回调的数据展示在页面中。在请求前，使用.ajaxSetup()方法进行一些参数项的全局性设置。HTML：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional

2016-07-19 08:26:25 7607 0
原创 [JQ权威指南]$.ajax()方法发送请

测试页:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>$.ajax()方法发送请

2016-07-18 09:32:10 2338 0
原创 [JQ权威指南]animate() 方法

定义和用法 animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。只有数字值可创建动画（比如 “margin:30px”）。字符串值无法创建动画（比如 “background-color:red”）。注释：使用 “+=” 或 “-=” 来创建相对动画（relative anima

2016-07-06 08:25:17 3539 0
原创 [JQ权威指南]SlideToggle()方法的动画效果自动切换图片高度

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Ty

2016-07-01 13:32:34 5601 0
原创 [JQ权威指南]SlideDown()与SlideUp()方法实现滑动效果

SildeDown()与slideUp()方法 body{font-size:13px} .divFrame{width:86px; border:solid 1px #666} .divFrame.divTitle{ padding:5px; background-color:#eee} .divFrame.divContent{padding:8px} .divFrame.div

2016-06-30 10:51:01 4925 1
原创 [JQ权威指南]图片放大镜插件jqzoom

JQzoom是一款基于JQUERY库的图片放大插件，在页面中实现放大的方法是先准备两张一大一小的相同图片，在页面打开时展示小图片，当鼠标在小图片的任意位置移动时，调用插件中的jqzoom()方法绑定另外一张相同的大图片，在制定位置显示与小图片所选区域相同的大图片区域，从而实现逼真的放大效果。该插件非常适合在产品展示时使用。(1)插件文件jquery.jqzoom.js/jquery.jqzoom

2016-11-16 08:14:51 743 0
原创 [JQ权威指南]自定义JQuery插件

自定义插件的种类从广义上来说，插件分3类，即封装方法插件、封闭函数插件、选择器插件、但最后一种很少人去开发使用，自定义的插件种类多数属于前面两种。 1.封装方法插件封装方法插件在本质上来说，是一个对象级别的插件，该类插件首先通过JQuery选择器获取对象并为对象添加方法，然后将方法进行打包封装成一个插件。这种类型的插件编写简单，极易调用，方便地使用了JQuery中功

2016-11-29 11:23:28 407 0
原创 [FineReport]参数面板之下拉框及下拉复选框

行政人事部的小张美女说：HI，小gong年度问卷调查你帮我导出下数据呗，快点我马上要用。我心想：我怎么把这事忘了。回答好呗。之前都是用webfrom,winform,CR去做的，今个咋换个方式呗：最近流行finereport。下载安装过程省去一百字。。。一、新建好数据集 1.Surey: 2.SureySubmitList 二、绑定下拉框与下拉复选框 (1)下拉框： (2

2016-12-08 13:45:36 15526 1
原创 [JQ权威指南]使用$.param()进行数组元素序列化

代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>使用$.param()进行数

2016-12-08 09:57:55 2192 0
原创 [JQ权威指南]datepocker插件实现分段时间的选择

如题：<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>使用datepicker插件实现选择日期的操作二</title> <script type="text/javascript" src="Jscript/jquery-1.4.2-vsdoc.js"></script> <script type="text

2016-12-06 14:05:52 406 0
原创 [JQ权威指南]折叠面板插件accordion

JQuery Ui 插件accordion可以实现页面中指定区域的折叠效果，这种效果俗语“手风琴”。即通过单击某块面板中的标题栏，就会展开响应的内容，单击其他面板标题栏时，已展开的内容会自动自动关闭，通过这种方式，实现多个面板数据在一个页面中有序展示。其调用的语法格式为：accordion(options)， animated: 折叠效果，默认为slide;也可以自定义动画。如设置为false,表

2016-12-06 09:05:41 954 0
原创 [JQ权威指南]Active插件的使用

(1)插件activebar2.js(2)功能描述在管理系统登录页面中调用消息通知插件Activebar2,页面加载完成时，在浏览器的最顶部显示从后台数据库抓取的提示信息：(3)实现代码JS代码：  <script src="Jquery/jquery-1.7.2.min.js" type="text/javascript"></scr

2016-11-23 14:38:39 579 0
原创 [JQ权威指南]jQuery Pagination分页插件

(1)准备插件 JQuery.pagination.js/JQuery.pagination.css (2)JQuery.pagination的各个参数的说明如下：参数参数名描述参数值 maxentries 总条目数必选参数，整数 items_per_page 每页显示的条目数可选参数，默认是10 num_display_entries 连续分

2016-11-22 09:12:36 1642 0
原创 [JQ权威指南]页面遮盖插件LoadMask

(1)插件文件jquery.loadmask.js/jquery.loadmask.css (2)功能描述：在页面中新增三个按钮，开始，结束，延迟。 (3)代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt

2016-11-21 10:08:19 3684 0
原创 [JQ权威指南]jQuery上传插件Uploadify使用详解

1 创建Web项目，命名为JQueryUploadDemo，从官网上下载最新的版本解压后添加到项目中。2 在项目中添加UploadHandler.ashx文件用来处理文件的上传。3.HTML<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="JQueryUploadDemo._Def

2016-12-01 14:07:17 396 0
原创 [JQ权威指南]右键菜单插件ContextMenu

(1)插件文件 JQuery.contextmenu.js/JQuery.contextmenu.css (2)下载… (3)功能描述在页面中创建一个文本编辑框，选中该文本框，单击鼠标右键，弹出一个设置好的快捷键菜单，单击菜单选项时显示所选择的选项内容。 (4)实现代码新建一个HTML文件。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Tr

2016-11-15 08:35:07 1230 0
原创 [JQ权威指南]类级别插件开发

(1)功能描述：新增两个类级别的全局函数，分别用于计算两数之和与两数之差，并将结果返回调用的页面中。 (2)JS/// <reference path="jquery-1.4.2-vsdoc.js"/>/// <reference path="jquery-1.4.2.js"/>/*--------------------------------------------------------

2016-11-30 08:28:04 407 0
原创 [JQ权威指南]NotesForLightBox插件的使用

(1)插件文件 jquery.notesforlightbox.js/ jquery.notesforlightbox.css (2)实现代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><

2016-11-14 13:57:14 965 0
转载 [JQ权威指南]动画表格排序插件TableSort

转自：https://yq.aliyun.com/articles/20669 <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/jquery-1.9.0.min.js"><

2016-11-17 08:12:31 526 0
原创 [JQ权威指南]对象级别插件的开发

(1)功能描述在列表元素中，鼠标在表项元素移动时，可以自定义其获取焦点(focus)时的背景颜色，即设置表项选中的背景色， (2)搭建框架新建一个JS文件，命名为jquery.lifocuscolor.js,并在文件中使用$.fn.extend()方法完成框架的搭建/*-----------------------------------------------------

2016-11-29 12:54:19 560 0
原创 [JQ权威指南]简单的动画

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Ty

2016-07-04 15:37:29 3653 1
原创 [JQ权威指南]移动位置的动画

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Ty

2016-07-05 10:06:52 4166 0
原创 [JQ权威指南]JQ操作JSON数据

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title>操作JSON数据</title>

2016-07-26 08:43:33 1622 0
原创：[JQ权威指南]第十天:unbind()方法移除元素绑定事件

unbind()的功能是移除元素绑定的事件，其调用的语法格式如下： unbind([type],[fn])其中，参数type为移除的事件类型,fn为需要移除的事件处理函数。如果该方法没有参数，移除所有绑定的时间；如果带有参数type,移除该参数所指定的时间类型；如果带有参数fn，则值移除绑定时候指定的函数fn.在页面中设置三个按钮，前两个按钮分别执行各自的时间，第三个按钮通过unbind方法移除所

2015-07-28 14:45:58 1200 0
原创 [JQ权威指南]第八天:删除页面元素

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Ty

2015-07-07 13:45:27 950 0
原创 [JQ权威指南]第四天：使用JQ属性过滤器选择元素

在页面中增加四个div标记，分别设置不同的ID和title属性值，然后通过属性过滤选择器所指定的元素结合，并显示在页面中。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http

2015-06-15 14:01:41 1301 0
原创 [JQ权威指南]第一天：事件操作链接式书写

在编写页面某元素事件时，jQuery 程序可以使用链接式的方式编写该元素的所有事件。为了更好地说明该书写方法的使用，我们通过一个示例加以阐述。示例 1-2　jQuery 事件的链式写法（1）功能描述在示例 1-1 基础之上，增加两个元素，一个为框架，另一个为标题。示例 1-1 显示的文字为内容，框架元素包含标题和内容元素。当页面首次加载时，被包含的内容标记是不可见的，当用户单击主题

2015-06-09 20:14:39 1112 0
原创 [JQ权威指南]第九天：wrap()和wrapInner()方法包裹元素节点

在页面中放置两个段落P标记，并在该标记内分别设置两个span标记，通过wrap和wrapInner()两种方法，改变标记中的外部元素与内部文本的字体显示方式。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2015-07-10 13:20:28 1282 0
原创 [JQ权威指南]第三天：JQ选择器之表格隔行变色

在页面中，通过一个标记展示数据列表信息，在元素标记中，奇数行与偶数行的背景色不同，从而实现隔行变色的页面展示效果。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://ww

2015-06-11 08:49:13 1156 0
原创 [JQ权威指南]第八天:复制元素节点

在页面中，创建一个IMG标记，用于显示一幅图片；单击该图片时，在其右侧通过clone()方法复制一幅图片。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3

2015-07-01 09:11:42 1039 0
原创 [JQ权威指南]第二天：JQuery控制CSS样式

在页面中，增加一个元素标记，用户单击该元素时，变换其字体和背景颜色，再次单击时，恢复其初始的字体和背景色。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3

2015-06-10 08:37:41 1589 0

前端设计 JQuery

作者: 厦门德仔

原创 [JQ权威指南]使用$.extend()扩展函数

原创 [JQ权威指南]搜索插件AutoComplete

原创 [JQ权威指南]表单插件form

原创 [JQ权威指南]表单插件form

原创 [JQ权威指南]validate验证插件

原创 [JQ权威指南]JQuery操作XML数据

原创 [JQ权威指南]JQuery读取XML数据

原创 [JQ权威指南]使用JQuery调用XML实现无刷新即时聊天

原创 [JQ权威指南]JQuery中的全局事件

原创 [JQ权威指南]$.ajaxSetup()方法全局设置Ajax

原创 [JQ权威指南]$.ajax()方法发送请

原创 [JQ权威指南]animate() 方法

原创 [JQ权威指南]SlideToggle()方法的动画效果自动切换图片高度

原创 [JQ权威指南]SlideDown()与SlideUp()方法实现滑动效果

原创 [JQ权威指南]图片放大镜插件jqzoom

原创 [JQ权威指南]自定义JQuery插件

原创 [FineReport]参数面板之下拉框及下拉复选框

原创 [JQ权威指南]使用$.param()进行数组元素序列化

原创 [JQ权威指南]datepocker插件实现分段时间的选择

原创 [JQ权威指南]折叠面板插件accordion

原创 [JQ权威指南]Active插件的使用

原创 [JQ权威指南]jQuery Pagination分页插件

原创 [JQ权威指南]页面遮盖插件LoadMask

原创 [JQ权威指南]jQuery上传插件Uploadify使用详解

原创 [JQ权威指南]右键菜单插件ContextMenu

原创 [JQ权威指南]类级别插件开发

原创 [JQ权威指南]NotesForLightBox插件的使用

转载 [JQ权威指南]动画表格排序插件TableSort

原创 [JQ权威指南]对象级别插件的开发

原创 [JQ权威指南]简单的动画

原创 [JQ权威指南]移动位置的动画

原创 [JQ权威指南]JQ操作JSON数据

原创 ：[JQ权威指南]第十天:unbind()方法移除元素绑定事件

原创 [JQ权威指南]第八天:删除页面元素

原创 [JQ权威指南]第四天：使用JQ属性过滤器选择元素

原创 [JQ权威指南]第一天：事件操作链接式书写

原创 [JQ权威指南]第九天：wrap()和wrapInner()方法包裹元素节点

原创 [JQ权威指南]第三天：JQ选择器之表格隔行变色

原创 [JQ权威指南]第八天:复制元素节点

原创 [JQ权威指南]第二天：JQuery控制CSS样式

原创：[JQ权威指南]第十天:unbind()方法移除元素绑定事件