
jQuery 入门
文章平均质量分 61
稚枭天卓
manu
展开
-
jQuery 之 序列化 方法(17)
jQuery serialize() 方法serialize() 方法通过序列化表单值创建 URL 编码文本字符串。您可以选择一个或多个表单元素(如输入和/或文本区),或表单元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。语法$(selector).serialize()输出序列化表单值的结果:$(document).ready原创 2016-07-21 17:41:23 · 592 阅读 · 0 评论 -
jQuery 之 ajaxSend,ajaxSuccess 和 load 方法(16)
jQuery ajaxSend() 方法ajaxSend() 方法规定 AJAX 请求即将发送时运行的函数。注意:自 jQuery 版本 1.8 起,该方法只被附加到文档。语法$(document).ajaxSend(function(event,xhr,options))function(event,xhr,options) 必需。规定当请求成功时运行的函数。额外的参原创 2016-07-21 17:37:18 · 2046 阅读 · 0 评论 -
CSS 实现 系统登录界面 (二)
登录完成之后是跳转到欢迎界面。比较常见的管理系统的欢迎界面分为导航栏区、左下侧的菜单栏区和右下侧的窗口区。1.导航栏的颜色 通过 navbar navbar-inverse 实现颜色反转。2.导航栏的文本 通过 navbar-text 实现纯文本的显示。3.导航栏的文本 通过实现 li 标签项的横向显示。4.各级菜单在折叠显示的展现方式下,同级菜单不可同原创 2016-08-11 20:59:57 · 2651 阅读 · 0 评论 -
jQuery closest() 方法
closest() 方法返回被选元素的第一个祖先元素。祖先是父、祖父、曾祖父,依此类推。DOM 树:该方法从当前元素向上遍历,直至文档根元素的所有路径(),来查找 DOM 元素的第一个祖先元素。 该方法与 parents() 类似,都是向上遍历 DOM 树,不同点是:closest()从当前元素开始,沿 DOM 树向上遍历,并返回匹配所传递的表达式的第一个原创 2016-09-19 14:01:44 · 2748 阅读 · 0 评论 -
CSS 属性选择器
attribute 表示属性,诸如 id、class、role 等,自定义的属性也可以 。value 表示对应值。[attribute=value] 选择器用于选择指定了属性和值的元素。[attribute~=value] 选择器用于选择属性值包含一个指定单词的元素。[attribute|=value] 选择器用于选择指定属性具有指定值开始的元素。[attribute^=v原创 2016-09-19 15:49:53 · 862 阅读 · 0 评论 -
jQuery append() 方法与 after() 方法
定义和用法after() 方法在被选元素后插入指定的内容,append() 方法在被选元素的结尾插入指定内容。代码示例 一菜鸟教程(runoob.com)$(document).ready(function(){ $("button").click(function(){ $("p").after("Hello world!"); });});原创 2016-09-19 19:51:36 · 660 阅读 · 0 评论 -
jQuery 之 parent、parents 和 closest 方法
parent() 方法返回被选元素的直接父元素。DOM 树:该方法只沿着 DOM 树向上遍历单一层级。如需向上遍历直至文档根元素的所有路径(返回祖父节点或其他祖先),请使用 parents() 或 parentsUntil() 方法。parents()从父元素开始沿 DOM 树向上遍历,并返回匹配所传递的表达式的所有祖先返回包含零个、一个或多个元素的 jQuery 对象cl原创 2016-10-10 17:15:46 · 1033 阅读 · 0 评论 -
复选框的全选及其反选的实现
关键方法概述prop() 方法设置或返回被选元素的属性和值。当该方法用于返回属性值时,则返回第一个匹配元素的值。当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。注意:prop() 方法应该用于检索属性值,例如 DOM 属性(如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, default原创 2016-10-10 17:20:37 · 713 阅读 · 0 评论 -
使用 JQuery 编辑带 important 标记的标签样式
未加 important 标记 css 样式的 JQuery 写法display: block;//页面上是这样写的;$("#selCont").css("display","none");加了 important 标记 css 样式的 JQuery 写法display: block!important;//页面上是这样写的;$("#selCont").css("css原创 2016-11-03 11:04:38 · 2166 阅读 · 0 评论 -
jQuery 之 each 函数 break 和 continue 功能
jquery each函数 break和continue功能幸运的是另一个突破,持续一个jQuery循环方式。你可以打破在函数返回一个jQuery参数虚假循环。一个可以继续执行只是在做不指定返回值或返回值以外的任何其他虚假的回报jqjquery each函数 break和continue功能幸运的是另一个突破,持续一个jQuery循环方式。你可以打破在函数返回一个jQuery参数虚假循环。一个原创 2016-10-17 20:51:45 · 1535 阅读 · 0 评论 -
JSON 入门 之 JSON与XML 的比较(一)
什么是 JSON ?JSON 指的是 JavaScript 对象表示法(JavaScript Object Notation)JSON 是轻量级的文本数据交换格式JSON 独立于语言 *JSON 具有自我描述性,更易理解JSON - 转换为 JavaScript 对象JSON 文本格式在语法上与创建 JavaScript 对象的代码相同。由于这种相似性,无需解析器,Ja原创 2016-07-18 21:11:46 · 699 阅读 · 0 评论 -
BootStrapTable.js 表头与内容无法对齐
去掉 height 属性的配置即可保证数据表格的表头部分与数据部分对齐。代码详例如下:$(function () { $("#serviceTable").bootstrapTable({ // for the Name of Package then appended system url:'/service/Servi原创 2016-11-10 10:31:21 · 10436 阅读 · 3 评论 -
JS 中 onclick 事件四种传参方式
1、在页面中给方法传参数,有如下的两种方法:方法1,onclick=cancel(id,patientId);在js文件中定义cancel方法如果要把当前对象传过去用onclick="cancel(this,id,patientId)"js中cancel(obj,id,patientId)方法2,在js中用代码示例:jquery$(function(){va原创 2016-11-02 14:05:17 · 45289 阅读 · 0 评论 -
根据 Session 动态显示 div
需求,根据后台传来的数据,在页面动态的展示 div。例子,传到前台的参数为数字 i 时,页面第 i 个 div 显示,其他 div 不显示。方式,通过 EL 表达式控制 div 的 style 中 display 参数。具体代码实现如下:.........原创 2016-11-28 15:53:28 · 1465 阅读 · 0 评论 -
JQuery 判断页面表单元素是否变更
change 函数实现的是对文本、下拉框的判断,对复选框的操作尚未实践。//使用jQuery实现$("#myform :input").change(function() {$("#myform").data("changed",true);}); 通过判断结果,给予继续操作或者提示。//提交前判断if ($("#myform").data("changed"))原创 2016-12-20 17:53:56 · 1136 阅读 · 0 评论 -
jQuery 之 ajax 的状态函数(15)
jQuery ajaxComplete() 方法ajaxComplete() 方法规定 AJAX 请求完成时运行的函数。注意:自 jQuery 版本 1.8 起,该方法只被附加到文档。不像 ajaxSuccess(),通过 ajaxComplete() 方法规定的函数将在请求完成时运行,即使请求并未成功。语法$(document).ajaxComplete(function(e原创 2016-07-21 16:16:38 · 736 阅读 · 0 评论 -
jQuery 之 param 与 post 方法(14)
jQuery param() 方法定义和用法param() 方法创建数组或对象的序列化表示形式。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。语法$.param(object,trad)object 必需。规定要序列化的数组或对象。trad 可选。布尔值,指定是否使用参数序列化的传统样式输出序列化对象的结果:$(原创 2016-07-21 16:04:25 · 1764 阅读 · 0 评论 -
jQuery 之 get、getJSON 与 getScript 方法(13)
jQuery get() 方法$.get() 方法使用 HTTP GET 请求从服务器加载数据。定义和用法请求 "test.php",但是忽略返回结果:$.get("test.php");请求 "test.php" 并连同请求发送一些额外的数据(忽略返回结果):$.get("test.php", { name:"Donald", town:"Ducktown" });请原创 2016-07-21 14:23:45 · 894 阅读 · 0 评论 -
jQuery 之 用折线图、饼图、柱状图、仪表盘 展现数据
ECharts基于Canvas,纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。在线演示文档 《 Why ECharts ? 》 :http://echarts.baidu.com/echarts2/doc/slide/whyEcharts.html#原创 2016-07-14 21:50:42 · 4180 阅读 · 0 评论 -
jQuery 之 选择器与事件类型(二)
jQuery 选择器jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。jQuery 中所有选择器都以美元符号开头:$()。元素选择器jQuery 元素选择器基于元素名选取元素。在页面中选取所有原创 2016-07-08 17:48:04 · 935 阅读 · 1 评论 -
jQuery 之 隐藏显示与淡入淡出效果(三)
jQuery 效果- 隐藏和显示通过 jQuery,可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素:语法:$(selector).hide(speed,callback);$(selector).show(speed,callback);可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。可选的 callb原创 2016-07-08 18:13:10 · 513 阅读 · 0 评论 -
jQuery 之 动画与动画停止效果(四)
jQuery 效果- 动画jQuery animate() 方法允许您创建自定义的动画。$(selector).animate({params},speed,callback);必需的 params 参数定义形成动画的 CSS 属性。可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。可选的 callback 参数是动画完成后所执行的函数原创 2016-07-08 18:27:46 · 673 阅读 · 0 评论 -
JSON 入门 之 JSON 的语法规则(二)
JSON 语法规则JSON 语法是 JavaScript 对象表示法语法的子集。数据在名称/值对中;数据由逗号分隔;花括号保存对象;方括号保存数组。JSON 名称/值对JSON 数据的书写格式是:名称/值对。名称/值对包括字段名称(在双引号中),后面写一个冒号,然后是值:"firstName" : "John"这很容易理解,等价于这条 JavaScript 语句:原创 2016-07-18 21:26:54 · 990 阅读 · 0 评论 -
jQuery 之 库包功能简述与基本语法(一)
什么是 jQuery ?jQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少,做的多"的JavaScript库。jQuery库包含以下功能:HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画HTML DOM 遍历和修改AJAXUtilitiesjQuery 语法原创 2016-07-08 17:22:26 · 659 阅读 · 0 评论 -
jQuery 之 函数回调与连接方法(五)
jQuery Callback 方法Callback 函数在当前动画 100% 完成之后执行。许多 jQuery 函数涉及动画。这些函数也许会将 speed 或 duration 作为可选参数。例子:$("p").hide("slow")speed 或 duration 参数可以设置许多不同的值,比如 "slow", "fast", "normal" 或毫秒。以下实例在隐藏效果原创 2016-07-08 19:49:13 · 642 阅读 · 0 评论 -
jQuery 之 获取页面内容和属性(六)
获得内容 - text()、html() 以及 val()三个简单实用的用于 DOM 操作的 jQuery 方法:text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值==========================================================原创 2016-07-19 17:05:39 · 2045 阅读 · 0 评论 -
jQuery 之 设置页面内容和属性(七)
设置内容 - text()、html() 以及 val()我们将使用前一章中的三个相同的方法来设置内容:text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值===========================================================原创 2016-07-19 18:18:48 · 1080 阅读 · 0 评论 -
jQuery 之 添加元素(八)
通过 jQuery,可以很容易地添加新元素/内容。添加新的 HTML 内容,我们将学习用于添加新内容的四个 jQuery 方法。append() - 在被选元素的结尾插入内容prepend() - 在被选元素的开头插入内容after() - 在被选元素之后插入内容before() - 在被选元素之前插入内容====================================原创 2016-07-19 18:58:40 · 453 阅读 · 0 评论 -
jQuery 之 删除元素(九)
通过 jQuery,可以很容易地删除已有的 HTML 元素。删除元素/内容如需删除元素和内容,一般可使用以下两个 jQuery 方法:remove() - 删除被选元素(及其子元素)empty() - 从被选元素中删除子元素==================================================jQuery remove() 方法jQuery原创 2016-07-19 19:14:24 · 553 阅读 · 0 评论 -
jQuery 之 获取并设置 CSS 类(十)
jQuery 操作 CSSjQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些:addClass() - 向被选元素添加一个或多个类removeClass() - 从被选元素删除一个或多个类toggleClass() - 对被选元素进行添加/删除类的切换操作css() - 设置或返回样式属性===================================原创 2016-07-19 20:43:04 · 490 阅读 · 0 评论 -
jQuery 之 获取元素的尺寸(11)
通过 jQuery,很容易处理元素和浏览器窗口的尺寸。jQuery 尺寸 方法jQuery 提供多个处理尺寸的重要方法:width();height();innerWidth();innerHeight();outerWidth();outerHeight()===============================================jQuery Dimens原创 2016-07-19 20:53:40 · 532 阅读 · 0 评论 -
jQuery 之 AJAX 方法(12)
什么是 AJAX?AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。使用 AJAX 的应用程序案例:谷歌地图、腾讯微博、优酷视频、人人网等等。================================关于 jQuery原创 2016-07-21 11:05:23 · 752 阅读 · 0 评论 -
JQuery事件绑定 on() 的绑定测试与使用禁忌
首先,展示 on 事件的绑定代码示例$(document).on('click','.className',editFuncName);禁忌如果事件已经绑定,则对应函数必须给出实现,否则抛异常,整个项目的 JS 或许都会受到影响。实践Trick 01测试绑定事件是否落实到被绑定元素$this.parents(".classNameA").find(".classNa原创 2017-01-09 22:52:10 · 376 阅读 · 0 评论