jquery
关注
分享
扫一扫
黄宝康
这个作者很懒，什么都没留下…
展开
-
jquery-validate验证时间区间
$("#form-activity-add").validate({ focusCleanup: true, rules:{ actDateRange:{ timeRange:true, } } });$(function(){ jQuery.validator.addMethod("timeRange", functi原创 2021-04-28 09:48:05 · 1615 阅读 · 0 评论 -
jquery-validate验证身份证
$(function() { jQuery.validator.addMethod("isIdCardNo", function (value, element){ return this.optional(element) || isIdCardNo(value); },"请正确输入您的身份证号码"); function isIdCardNo(num) { var fa原创 2021-04-21 09:13:51 · 1220 阅读 · 0 评论 -
jquery通知插件toastr
简介toastr是非阻塞通知的JavaScript库。jQuery是必需的。我们的目标是创建一个简单的核心库，可以自定义和扩展。插件地址： http://www.jq22.com/jquery-info476使用方法其他选项显示一个警告,没有标题toastr.warning('My name is Inigo Montoya. You killed my father, prepare to die!')显示一个成功,标题toastr.success('Have fun storming原创 2020-06-02 11:41:13 · 345 阅读 · 0 评论 -
jquery之$.proxy()
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>$.proxy()的使用</title> <script type="text/javascript" src="jquery.min.js"></script...原创 2020-04-16 10:43:38 · 836 阅读 · 1 评论 -
软件安装向导jquery.steps.js
test.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title> <link rel="stylesheet" type="text/css" href="unaboot-instal...原创 2020-03-30 11:59:58 · 925 阅读 · 0 评论 -
自动定位到底部
<div class="Dialog_box"> 多行信息展示<span class="min-height" id="box"></span></div> var element = document.getElementById("box"); element.scrollIntoView();//页面定位到底部页面js中加上以上...原创 2020-01-06 10:02:23 · 750 阅读 · 0 评论 -
swiper轮播组件
https://www.swiper.com.cn/api/原创 2019-10-28 15:16:28 · 540 阅读 · 0 评论 -
Jquery sparkline学习入门
网上下载jquery-sparkline的js，下载地址 https://omnipotent.net/jquery.sparkline/#s-download这个插件依赖Jquery，所以也要引入Jquery官网有示例，以后开发有用得到，拿来即用。<!DOCTYPE html><html><head><meta charset="UTF-8...原创 2019-10-12 17:52:47 · 1136 阅读 · 0 评论 -
自定义滚动条文档（mCustomScrollbar使用文档）
https://blog.csdn.net/a707369808/article/details/83574689在项目中的一个例子： function scrollBar(selector, theme, mousewheelaxis) { $(selector).mCustomScrollbar({ theme: theme, ...转载 2019-10-10 11:25:09 · 547 阅读 · 0 评论 -
jQuery validate自定义校验规则（过滤特殊字符）
<input type="text" class="form-control" name="userName" th:field="*{userName}" placeholder="请输入用户名称"> jQuery.validator.addMethod("checkInput", function(value, element) { var patte...原创 2019-09-19 16:36:33 · 1450 阅读 · 0 评论 -
解决ruoyi框架ajax刷新问题
// 刷新本页面 function hbkrefresh(){ var currentId = $('.page-tabs-content',parent.document).find('.active').attr('data-id'); var target = $('.RuoYi_iframe[data-id="' + currentId + '"]',parent.docu...原创 2019-08-14 15:11:15 · 3789 阅读 · 0 评论 -
wbox弹窗插件
在我们做项目的过程中难免会让弹出层来展示一些信息，这里推荐一款比较不错的jquery插件wbox简介jQuery wBox pluginwBox是一个轻量级的弹出窗口jQuery插件，基于jQuery1.4.2开发，主要实现弹出框的效果，并且加入了很多有趣的功能，比如可img灯箱效果，callback函数，显示隐藏层，Ajax页面，iframe嵌入页面等功能使用方法下载wbox，目...原创 2019-07-25 21:23:52 · 656 阅读 · 0 评论 -
$.inArray判断数组中是否含有某个值
$.inArray() 函数用于在数组中查找指定值，并返回它的索引值（如果没有找到，则返回-1）原创 2019-02-13 10:03:31 · 349 阅读 · 0 评论 -
jQuery remove()与 empty()的区别
要用到移除指定元素的时候，发现empty()与remove([expr])都可以用来实现。可仔细观察效果的话就可以发现。empty()是只移除了 指定元素中的所有子节点，拿$(“p”).empty()来说，他只是把<p>dsfsd</p>中的文本给移除了，而留下 了<p></p>,仍保留其在dom中所占的位置。 remove([expr])则是把其从dom中删除，而不会保留其所占的位置。 例:原创 2017-09-12 17:52:55 · 1413 阅读 · 0 评论 -
jQuery操作input值总结
获取选中的值获取一组radio被选中项的值var item = $(“input[@name=items]：checked”).val();获取select被选中项的文本var item = $("select[@name=items] option[@selected]").text();select下拉框的第二个元素为当前选中值$('#select_id')[0].selectedIndex =原创 2017-09-12 19:13:28 · 367 阅读 · 0 评论 -
Jquery触发父节点的a标签的点击事件
$('#bigData',window.parent.document)[0].click();使用两个参数的选择器，window.parent.document父文档节点的id为bigData元素。原创 2017-10-27 09:37:06 · 1739 阅读 · 0 评论 -
在动态插入Easyui datebox控件时，使用$.parser.parse()手工渲染时，解决日期控件原有的值被清除问题
在使用Easyui做前台页面时，很多时候需要应用到动态插入和删除DOM操作。如下，是我项目中任务系统中，添加任务时需要添加多个阶段描述，我使用的是Jquery操作DOM的。但是发现了一个问题，刚开始的时候没有使用.parser.parse()进行渲染时，新添加的easyui控件样式完全显示不出来，包括像placeholder这样的提示都没有。查阅相关资料知道.parser.parse()进行渲染时，原创 2017-11-07 09:17:39 · 2334 阅读 · 0 评论 -
黑洞效果的粒子背景效果
下载jquery的canvas粒子插件。下载解压后，可以看到插件的文件比较少。前台展示页面代码：<!DOCTYPE html><html><head> <title></title> <link rel="stylesheet" type="text/css" href="css/crowd.css"></head><body>&原创 2017-11-02 21:41:21 · 1848 阅读 · 2 评论 -
jQuery炫丽星空3d旋转星空
该特效也是在Jquery插件库中找到的，感觉效果不错，说不定以后项目中要有绚丽的星空背景，拿来即用，收藏了下。网上下载地址：http://www.jq22.com/jquery-info16294下载解压后的目录结构index.html页面代码：<!doctype html><html lang="zh"><head> <meta charset="UTF-8"> <meta h原创 2017-11-03 13:44:21 · 3076 阅读 · 0 评论 -
Chrome控制台引入jQuery
有些网站并没有使用jQuery，但有时候我们想使用它进行操作时，可以引入它（如接到一个网站维护任务，但是网站页面没有使用jquery）F12打开控制台在Console处输入如下代码，回车，此时，该页面便具有了jQuery，你就可以方便的进行JS操作啦var importJs=document.createElement('script') //在页面新建一个script标签impo...转载 2018-06-28 14:27:23 · 1742 阅读 · 0 评论 -
自定义Jquery选择器
如果当前jQuery内置的选择器不够用，开发人员也可以扩展jQuery，实现用户自定义的选择器。如下面创建一个具有绿色背景元素的选择器。<script>$(function(){ // 通过扩展$.expr[":"]实现自定义选择器 $.expr[":"].greenbg = function(element){ return $(element).css("backgr...原创 2018-10-24 18:01:00 · 426 阅读 · 0 评论 -
jquery $.data()方法的使用
$.data()可以用来设置DOM元素的data-*属性，也可以用来获取DOM元素的data-*的值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>$.data()的使用</title> &l原创 2018-11-02 10:33:27 · 2682 阅读 · 0 评论 -
DataGrid模板js配置
$("#dg").datagrid({ url:'<%=path%>/org/getImportLogs', striped:true, autoRowHeight : false, toolbar : "#tt", rownumbers : true, height : 'auto', idField : 'org_id', fit原创 2017-07-26 15:51:28 · 687 阅读 · 0 评论