JQuery
文章平均质量分 51
JQuery
厦门德仔
分享与交流:信息化建设、数字化转型、项目管理、流程梳理与再造、前后端开发、财务管理、数据库、网络、家庭教育与人生感悟等希望我的博客能带您愉快心情。
展开
-
[Jquery]Jquery AJAX post提交json示例
下面是html请求web服务器api接口的示例,是post发送json方式请求。<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <meta charset="utf-8" /> <script src="原创 2022-01-23 08:06:22 · 10770 阅读 · 0 评论 -
[JQuery]jQuery中serializeArray方法的使用及对象与字符串的转换
使用jQuery中的serializeArray()方法可以方便的将表单中的各个信息,转化为多个{name:xx,value:xx}对象的数组,再使用遍历的方式可以方便的将数组转化为json对象,代码如下<p id="results"><b>Results: </b> </p><form> <select name="single"> <option>Single</option> &原创 2022-01-23 08:01:11 · 1195 阅读 · 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 · 781 阅读 · 0 评论 -
[JQ权威指南]搜索插件AutoComplete
(1)AtuoComplete 为自动填充、展示之意。JQuery中引入该插件之后,用户在使用文本框搜索信息时,使用插件中的autocomplete方法绑定文本框,当在文本框中输入某个字符时,通过该方法中的指定的数据URL,返回相匹配的数据,自动显示在文本框下,提醒用户进行选择。(2)功能描述:在页面中创建一个文本框,用于输入查询信息。当在文本框中输入字符时,通过autocompelete插件绑定原创 2016-11-09 08:40:46 · 628 阅读 · 0 评论 -
[JQ权威指南]表单插件form
(1)功能描述: 在页面中创建一个ID为”frmUserInfo”的表单,在表单中新建一个文本框,用于输入用户名。新建一个口令文本框,用于输入密码,单击提交后,将向服务器文件login.aspx发送请求。提交表单中的各元素值,服务器响应请求,将返回的内容显示在ID为”divData”页面元素中。 (2)实现代码: html:<!DOCTYPE html PUBLIC "-//W3C//DTD原创 2016-11-09 08:26:04 · 485 阅读 · 0 评论 -
[JQ权威指南]表单插件form
(1)功能描述: 在页面中创建一个ID为”frmUserInfo”的表单,在表单中新建一个文本框,用于输入用户名。新建一个口令文本框,用于输入密码,单击提交后,将向服务器文件login.aspx发送请求。提交表单中的各元素值,服务器响应请求,将返回的内容显示在ID为”divData”页面元素中。 (2)实现代码: html:<!DOCTYPE html PUBLIC "-//W3C//DTD原创 2016-11-08 08:54:59 · 616 阅读 · 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 · 1038 阅读 · 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 · 3596 阅读 · 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 · 4162 阅读 · 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 · 1685 阅读 · 1 评论 -
[JQ权威指南]JQuery中的全局事件
(1)功能描述创建一个HTML页面,设置一个文本框和一个按钮,单击"请求"按钮后,获取文本框数据,向服务器发送请求,服务器响应请求后,返回对应的数据,在数据交互过程中,请求开始时,厨房绑定的ajaxStop全局事件,将"正在发送数据请求..."改成"已成功获取数据并隐藏起来"。(2)实现代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit原创 2016-07-21 08:09:25 · 2949 阅读 · 0 评论 -
[JQ权威指南]$.ajaxSetup()方法全局设置Ajax
(1)功能描述:设置三个按钮,分别通过.ajax()方法请求一个XML文档中的某部分数据并将回调的数据展示在页面中。在请求前,使用.ajax()方法请求一个XML文档中的某部分数据并将回调的数据展示在页面中。在请求前,使用.ajaxSetup()方法进行一些参数项的全局性设置。HTML:原创 2016-07-19 08:26:25 · 8258 阅读 · 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 · 2495 阅读 · 0 评论 -
[JQ权威指南]animate() 方法
定义和用法 animate() 方法执行 CSS 属性集的自定义动画。 该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的,这样就可以创建动画效果。 只有数字值可创建动画(比如 “margin:30px”)。字符串值无法创建动画(比如 “background-color:red”)。 注释:使用 “+=” 或 “-=” 来创建相对动画(relative anima原创 2016-07-06 08:25:17 · 3849 阅读 · 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 · 5937 阅读 · 0 评论 -
[JQ权威指南]图片放大镜插件jqzoom
JQzoom是一款基于JQUERY库的图片放大插件,在页面中实现放大的方法是先准备两张一大一小的相同图片,在页面打开时展示小图片,当鼠标在小图片的任意位置移动时,调用插件中的jqzoom()方法绑定另外一张相同的大图片,在制定位置显示与小图片所选区域相同的大图片区域,从而实现逼真的放大效果。该插件非常适合在产品展示时使用。(1)插件文件jquery.jqzoom.js/jquery.jqzoom原创 2016-11-16 08:14:51 · 979 阅读 · 0 评论 -
[JQ权威指南]自定义JQuery插件
自定义插件的种类 从广义上来说,插件分3类,即封装方法插件、封闭函数插件、选择器插件、但最后一种很少人去开发使用,自定义的插件种类多数属于前面两种。 1.封装方法插件 封装方法插件在本质上来说,是一个对象级别的插件,该类插件首先通过JQuery选择器获取对象并为对象添加方法,然后将方法进行打包封装成一个插件。这种类型的插件编写简单,极易调用,方便地使用了JQuery中功原创 2016-11-29 11:23:28 · 563 阅读 · 0 评论 -
[JQ权威指南]对象级别插件的开发
(1)功能描述 在列表元素中,鼠标在表项元素移动时,可以自定义其获取焦点(focus)时的背景颜色,即设置表项选中的背景色, (2)搭建框架 新建一个JS文件,命名为jquery.lifocuscolor.js,并在文件中使用$.fn.extend()方法完成框架的搭建/*-----------------------------------------------------原创 2016-11-29 12:54:19 · 724 阅读 · 0 评论 -
[JQ权威指南]使用$.extend()扩展函数
(1)功能描述 编写一个自定义的工具函数,用于两个数值相加 (2)HTML: <script type="text/javascript"> /*------------------------------------------------------------/ 功能:返回两个数求和 参数:数字p1,p2 返回:求和原创 2016-12-09 11:37:57 · 492 阅读 · 0 评论 -
[FineReport]参数面板之下拉框及下拉复选框
行政人事部的小张美女说:HI,小gong年度问卷调查你帮我导出下数据呗,快点我马上要用。我心想:我怎么把这事忘了。回答好呗。之前都是用webfrom,winform,CR去做的,今个咋换个方式呗:最近流行finereport。下载安装过程省去一百字。。。一、新建好数据集 1.Surey: 2.SureySubmitList 二、绑定下拉框与下拉复选框 (1)下拉框: (2原创 2016-12-08 13:45:36 · 19341 阅读 · 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 · 2548 阅读 · 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 · 552 阅读 · 0 评论 -
[JQ权威指南]折叠面板插件accordion
JQuery Ui 插件accordion可以实现页面中指定区域的折叠效果,这种效果俗语“手风琴”。即通过单击某块面板中的标题栏,就会展开响应的内容,单击其他面板标题栏时,已展开的内容会自动自动关闭,通过这种方式,实现多个面板数据在一个页面中有序展示。其调用的语法格式为:accordion(options), animated: 折叠效果,默认为slide;也可以自定义动画。如设置为false,表原创 2016-12-06 09:05:41 · 1242 阅读 · 0 评论 -
[JQ权威指南]Active插件的使用
(1)插件activebar2.js(2)功能描述在管理系统登录页面中调用消息通知插件Activebar2,页面加载完成时,在浏览器的最顶部显示从后台数据库抓取的提示信息:(3)实现代码JS代码: <!-- start --> <script src="Jquery/jquery-1.7.2.min.js" type="text/javascript"></scr原创 2016-11-23 14:38:39 · 900 阅读 · 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 · 1970 阅读 · 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 · 3893 阅读 · 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 · 571 阅读 · 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 · 1447 阅读 · 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 · 534 阅读 · 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 · 1137 阅读 · 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 · 5287 阅读 · 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-04 15:37:29 · 3790 阅读 · 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 · 4354 阅读 · 0 评论 -
:[JQ权威指南]第十天:unbind()方法移除元素绑定事件
unbind()的功能是移除元素绑定的事件,其调用的语法格式如下: unbind([type],[fn])其中,参数type为移除的事件类型,fn为需要移除的事件处理函数。如果该方法没有参数,移除所有绑定的时间;如果带有参数type,移除该参数所指定的时间类型;如果带有参数fn,则值移除绑定时候指定的函数fn.在页面中设置三个按钮,前两个按钮分别执行各自的时间,第三个按钮通过unbind方法移除所原创 2015-07-28 14:45:58 · 1395 阅读 · 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 · 1045 阅读 · 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 · 1445 阅读 · 0 评论 -
[JQ权威指南]第一天:事件操作链接式书写
在编写页面某元素事件时,jQuery 程序可以使用链接式的方式编写该元素的所有事件。 为了更好地说明该书写方法的使用,我们通过一个示例加以阐述。 示例 1-2 jQuery 事件的链式写法 (1)功能描述 在示例 1-1 基础之上,增加两个 元素,一个为框架,另一个为标题。示例 1-1 显 示的文字为内容,框架元素包含标题和内容元素。当页面首次加载时,被包含的内容 标记是不可见的,当用户单击主题原创 2015-06-09 20:14:39 · 1294 阅读 · 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 · 1440 阅读 · 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 · 1392 阅读 · 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 · 1207 阅读 · 0 评论