————jQuery
关注
分享
扫一扫
量变决定质变
牢记理想，毋忘奋斗！
展开
-
Tree的前台解析
Tree的前台解析 先写一个简单的样式 然后，在使用JS拼接Tree单选 单选带模糊查询 多选 多选带模糊查询 返回数据后台Controller直接返回list，处理好的listList<AssayItemClassExt> assayItemClassExtList = assayItemClassWebService.select...原创 2018-07-28 08:22:37 · 319 阅读 · 0 评论 -
jQuery的Tooltip插件
Tooltip插件取代了原生的工具提示框，让它们可自定义 只需要调整它们的内容、位置和外观即可示例代码<!doctype html><html><head> <meta charset="utf-8"> <title>jQue原创 2018-07-27 17:20:50 · 1761 阅读 · 0 评论 -
jQuery的Prettydate插件
Prettydate插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求该插件捆绑了一套有用的验证方法，包括URL和电子邮件验证，同时提供了一个用来编写用户自定义方法的API所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他37种语言使用方式需要在title中带有ISO8601日期<a title="200...原创 2018-07-26 08:55:03 · 305 阅读 · 0 评论 -
jQuery的Password Validation插件
Password Validation密码验证插件，扩展了jQueryValidate插件，提供了两种组件一种评价密码的相关因素的功能 比如，大小写字母的混合情况、字符（数字、特殊字符）的混合情况、长度、与用户名的相似度（可选的）一种使用评价功能显示密码强度的验证插件自定义方法 显示的文本可以被本地化。可以简单地自定义强度显示的外观、本地化消息显示，并集成到已有的表单中使用...原创 2018-07-26 08:53:46 · 679 阅读 · 0 评论 -
jQuery的Growl插件
Growl插件消息提醒，允许您很容易地在一个覆盖层显示反馈消息 消息会在一段时间后自动消失，不需要单击确定按钮也可以通过移动鼠标或点击关闭按钮加快隐藏信息引入JS<script src="https://cdn.bootcss.com/jquery/2.0.2/jquery.min.js" type="text/javascript"></script&...原创 2018-07-26 08:52:05 · 820 阅读 · 0 评论 -
jQuery的Autocomplete插件
Autocomplete插件根据用户输入值进行搜索和过滤让用户快速找到并从预设值列表中选择 通过给Autocomplete字段焦点，或者在其中输入字符，插件开始搜索匹配的条目并且，显示供选择的值的列表 通过输入更多的字符，用户可以过滤列表，以获得更好的匹配示例代码<!doctype html><html lang="en"><head>...原创 2018-07-26 08:50:46 · 195 阅读 · 0 评论 -
jQuery的Accordion插件
Accordion插件用于创建折叠菜单 通常与嵌套的列表、定义列表或嵌套的div一起使用 选项用于指定结构、激活的元素和定制的动画标准代码jQuery('#list1a').accordion(); jQuery('#list1b').accordion({ autoheight: false });导航jQuery('#navigation'...原创 2018-07-26 08:49:31 · 362 阅读 · 0 评论 -
jQuery的Validate插件
Validate插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括URL和电子邮件验证，同时提供了一个用来编写用户自定义方法的API。 所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他37种语言引入JS<script src="http://static.runoob.c...原创 2018-07-26 08:48:10 · 427 阅读 · 0 评论 -
jQuery的选择器分类
基本选择器//ID选择器$("#id") //元素选择器 $("div") //类选择器 $(".classname") //组合选择器$(".classname,.classname1,#id1") 层次选择器//子元素选择器$("#id>.classname") //后代元素选择器 $(&quo原创 2018-07-26 08:45:30 · 318 阅读 · 0 评论 -
jQuery的选择器
*// 所有元素$("*")id// id=”lastname”的元素$("#lastname").class// class=”intro”的所有元素$(".intro") .class,.class// class为”intro”或”demo”的所有元素$(".intro,.demo")ele原创 2018-07-26 08:36:23 · 213 阅读 · 0 评论 -
jQuery的常用方法
$.contains()判断另一个DOM元素是否是指定DOM元素的后代$.each()遍历指定的对象和数组$.extend()将一个或多个对象的内容合并到目标对象$.fn.extend()为jQuery扩展一个或多个实例属性和方法$.globalEval()全局性地执行一段JavaScript代码$.grep()过滤并返回满足指定函数...原创 2018-07-26 08:27:49 · 437 阅读 · 0 评论 -
jQuery的延迟对象
$.Deferred()返回一个链式实用对象方法来注册多个回调deferred.always()当Deferred（延迟）对象被受理或被拒绝时，调用添加的处理程序deferred.done()当Deferred（延迟）对象被受理时，调用添加的处理程序deferred.fail()当Deferred（延迟）对象被拒绝时，调用添加的处理程序deferre...原创 2018-07-26 08:25:05 · 477 阅读 · 0 评论 -
jQuery的回调函数
$.Callbacks()一个多用途的回调列表对象，用来管理回调函数列表callbacks.add()在回调列表中添加一个回调或回调的集合callbacks.disable()禁用回调列表中的回调函数callbacks.disabled()确定回调列表是否已被禁用callbacks.empty()从列表中清空所有的回调callbacks....原创 2018-07-25 08:31:15 · 1840 阅读 · 0 评论 -
jQuery的事件方法
bind()向元素添加事件处理程序blur()添加/触发失去焦点事件change()添加/触发change事件click()添加/触发click事件dblclick()添加/触发doubleclick事件delegate()向匹配元素的当前或未来的子元素添加处理程序event.currentTarget在事件冒泡阶段内的当...原创 2018-07-25 08:30:19 · 372 阅读 · 0 评论 -
jQuery的入口函数
文档就绪事件 是指页面上的所有DOM元素，都加载完成jQuery入口函数 为了防止文档在完全加载之前，运行jQuery代码 将jQuery放在入口函数中 即在DOM加载完成之后，才可以对DOM进行操作$(document).ready(function(){ // 执行代码});或者$(function(){ // 执行代码});JavaSc...原创 2018-07-22 20:39:04 · 2128 阅读 · 0 评论 -
jQuery的选择器
选择器 所有选择器都以美元符号开头：$()jQuery选择器有三种元素选择器基于元素名选取元素$("p")id选择器通过HTML元素的id属性，选取指定的元素 页面中元素的id应该是唯一的，在页面中选取唯一的元素需要通过#id选择器$("#p")class 选择器通过指定的class查找元素$(".p")其他用法// 选取所有...原创 2018-07-22 20:44:09 · 110 阅读 · 0 评论 -
jQuery的常用方法
文档完全加载完后执行函数$(document).ready()click() 当单击元素时，触发$("p").click(function(){ $(this).hide();});dblclick() 当双击元素时，触发$("p").dblclick(function(){ $(this).hide();});mouseenter() 当鼠标指针移动...原创 2018-07-22 20:47:22 · 750 阅读 · 0 评论 -
jQuery中Map的使用
jQuery 可以直接使用MapMap的定义var assayMethadArry = new Map; var comboDatasMap = new Map;添加元素for (var w = 0; w < jsonData.length; w++) { var sampleData = jsonData[w]; assayMethadArry....原创 2018-07-27 17:31:05 · 19089 阅读 · 0 评论 -
jQuery中数组的使用
数组的定义// 月计划idvar mpIds = [];// 日计划Contentidvar dailyContentIds=[];push()方法添加元素<c:forEach items="${m.normalDailyPlanContent}" var="ndp" varStatus="status"> mpIds.push("${ndp.monthP...原创 2018-07-27 17:29:43 · 2291 阅读 · 0 评论 -
jQuery调用其他JS文件中的方法
一个JSP页面中，可以引入多个JS文件 当需要调用某个JS文件中的方法时，可以这么写首先 在该页面中引入调用的JS文件<script src="${ctx}/static/js/ajaxData.js" type="text/javascript"></script>然后 在JS文件中，定义一个标识，把所有的方法都写在该标识中$.ajaxData ...原创 2018-07-27 17:26:56 · 13456 阅读 · 0 评论 -
jQuery接收后台返回的数据
jQuery 可以直接接受，后台返回的数据Controller方法 需要转换为JSONStringList<AssayItemClassExt> assayItemClassExtList = assayItemClassWebService.selectAllList();model.addAttribute("assayItemClassExtList", JSON....原创 2018-07-27 17:25:22 · 12330 阅读 · 0 评论 -
JavaScript事件与jQuery方法
JavaScript中的事件 jQuery中的方法两者关系 大多数DOM事件都有一个等效的jQuery方法 注意，是大多数，不是全部JavaScript使用的是页面元素的事件 直接在页面的元素中，写对应的事件<button type="button" onclick="displayDate()">显示日期</button><script&g...原创 2018-07-27 17:23:50 · 666 阅读 · 0 评论 -
jQuery的Treeview插件
Treeview插件提供了一个无序灵活的可折叠的树形菜单 适用于一些菜单的导航，支持基于 cookie 的持久性菜单示例代码<ul id="browser" class="filetree treeview-famfamfam"> <li><span class="folder">Folder 1</span>原创 2018-07-27 17:22:07 · 367 阅读 · 0 评论 -
jQuery的链Chaining
链Chaining 可以把动作方法链接在一起 在相同的元素上，在一条语句中运行多个jQuery方法chaining链接技术，可以在相同的元素上，运行多条jQuery命令 一条接着另一条，这样，浏览器就不必多次查找相同的元素当进行链接时，代码行会变得很长 如需链接一个动作，只需简单地把该动作追加到之前的动作上$("#p1").css("color","red").sl..原创 2018-07-23 20:02:19 · 254 阅读 · 0 评论 -
jQuery的Callback()方法
callback() 回调函数在当前动画100%完成之后执行 许多jQuery函数涉及动画，这些函数会将speed或duration作为可选参数 speed或duration参数可以设置许多不同的值，比如”slow”,”fast”,”normal”或毫秒 $(“p”).hide(“slow”)使用回调函数 完全实现后，回调函数$("button").click(functio...原创 2018-07-22 21:01:08 · 2833 阅读 · 0 评论 -
jQuery停止动画
stop() 停止动画或效果，在它们完成之前 适用于所有jQuery效果函数，包括滑动、淡入淡出和自定义动画$("#stop").click(function(){ $("#panel").stop();});语法格式 $(selector).stop(stopAll,goToEnd);stopAll 可选参数，规定是否应该清除动画队列 默认是false，即仅停止活动的...原创 2018-07-22 20:59:27 · 174 阅读 · 0 评论 -
jQuery的动画
animate() 创建自定义动画$("button").click(function(){ $("div").animate({left:'250px'});});语法格式 $(selector).animate({params},speed,callback);Params 必选参数，定义形成动画的CSS属性speed 可选参数，规定隐藏/显示的速度 可以取...原创 2018-07-22 20:58:09 · 150 阅读 · 0 评论 -
jQuery的滑动
滑动 有三个方法 slideDown() slideUp() slideToggle()slideDown()向下滑动元素$("#flip").click(function(){ $("#panel").slideDown();});语法格式 $(selector).slideDown(speed,callback);speed 可选参数，规定隐藏/显示的...原创 2018-07-22 20:55:47 · 169 阅读 · 0 评论 -
jQuery的淡入淡出
fade方法 有四个方法 fadeIn() fadeOut() fadeToggle() fadeTo()fadeIn()淡入已隐藏的元素$("button").click(function(){ $("#div1").fadeIn(); $("#div2").fadeIn("slow"); $("#div3").fadeIn(3000);});语法...原创 2018-07-22 20:53:15 · 321 阅读 · 0 评论 -
jQuery的显示与隐藏
显示、隐藏// show()$("#show").click(function(){ $("p").show();});// hide() $("#hide").click(function(){ $("p").hide();});语法格式$(selector).show(speed,callback);$(selector).hide(speed,callb...原创 2018-07-22 20:50:15 · 185 阅读 · 0 评论 -
jQuery的属性
jquery 包含jQuery的版本号jQuery.fx.interval改变以毫秒计的动画运行速率jQuery.fx.off对所有动画进行全局禁用或启用jQuery.support包含表示不同浏览器特性或漏洞的属性集，主要，用于jQuery的内部使用length包含jQuery对象中元素的数目jQuery.cssNumber包含所有可以不...原创 2018-07-25 08:28:20 · 163 阅读 · 0 评论 -
jQuery的遍历方法
add()把元素添加到匹配元素的集合中addBack()把之前的元素集添加到当前集合中children()返回被选元素的所有直接子元素closest()返回被选元素的第一个祖先元素contents()返回被选元素的所有直接子元素（包含文本和注释节点）each()为每个匹配元素执行函数end()结束当前链中最近的一次筛选操作...原创 2018-07-25 08:27:09 · 143 阅读 · 0 评论 -
jQuery的效果方法
animate()对被选元素应用”自定义”的动画clearQueue()对被选元素移除所有排队函数（仍未运行的）delay()对被选元素的所有排队函数（仍未运行）设置延迟dequeue()移除下一个排队函数，然后执行函数fadeIn()逐渐改变被选元素的不透明度，从隐藏到可见fadeOut()逐渐改变被选元素的不透明度，从可见到隐藏...原创 2018-07-25 08:25:59 · 210 阅读 · 0 评论 -
jQuery的尺寸
处理尺寸的方法 width() height() innerWidth() innerHeight() outerWidth() outerHeight() width()和height()方法width()方法 设置或返回元素的宽度，不包括内边距、边框或外边距height()方法 设置或返回元素的高度，不包括内边距、边框或外边距$("#div1").wid...原创 2018-07-23 20:08:24 · 240 阅读 · 0 评论 -
jQuery操作CSS
css()返回或设置元素的一个，或多个样式属性 返回CSS属性 返回指定的CSS属性的值语法格式 css(“propertyname”); 实例$("p").css("background-color");设置CSS属性 设置指定的CSS属性语法格式 css(“propertyname”,”value”); 实例$("p").css("background-c...原创 2018-07-23 20:06:14 · 177 阅读 · 0 评论 -
jQuery操作Class
addClass()向被选元素添加一个，或多个类$("div").addClass("important");$("h1,h2,p").addClass("blue");removeClass()从被选元素删除一个，或多个类$("h1,h2,p").removeClass("blue");toggleClass()对被选元素进行添加/删除类的，切换操作原创 2018-07-23 20:04:14 · 904 阅读 · 0 评论 -
jQuery的触发事件
触发事件 业务需要，页面加载的时候，触发某些事件 jQuery的trigger()方法，可以主动触发事件$(function () { // 绑定事件 $("#laboratoryId").select2({placeholder: "请选择检测室"}).on("change", function (e) { // 加载月计划数据 loadM...原创 2018-06-28 10:01:45 · 716 阅读 · 0 评论 -
Select控件可选可输入
jQuery的插件 jquery-editable-select，可以输入可以选择 引入CSS和JS<link type="text/css" rel="styleSheet" href="${ctx}/static/css/jquery-editable-select.css"/><script src="${ctx}/static/js/jquery-edi...原创 2018-06-28 10:00:31 · 10749 阅读 · 0 评论 -
Select2控件的多选
Select2的多选 控件添加一个属性multiple=”multiple” 页面元素<select path="samplingOprator" placeholder="请选择" multiple="multiple"> <c:forEach items="${personInfoList}" var="s">原创 2018-06-28 09:32:43 · 14710 阅读 · 0 评论 -
jQuery操作Select2控件
Select2控件 将普通的select控件，转换为select2控件，通过select2()方法 将某个select控件，转换为select2$('#selectId').select2({width: 100 + "%", placeholder: "请选择", allowClear: true}); 将页面所有select控件，转换为select2$('select')....原创 2018-06-28 09:31:07 · 1327 阅读 · 0 评论