JQ
乾三_
我就是我
展开
-
jquery实现节点上移、下移
$().prop('outerHTML')$().html()方法是获取当前节点下的html代码,但并不包括当前节点,js dom里有一个属性outerHTML用来获取当前节点的html代码(包括当前节点),通过jquery的prop()方法可以拿到具体实现代码如下<DOCTYPE html><html> <head> <meta charset="utf-8"> <title>jquery实现节点上移、下移</t.转载 2022-01-21 15:01:04 · 546 阅读 · 0 评论 -
C#和JQ判断移动端还是PC端
判断移动端还是PC端浏览网页可以使用两种方法:1、在C#语句进行判断 /// <summary> /// 判断是移动端 /// </summary> /// <returns></returns> public static bool IsMobileDevice() { string[] mobileAgents = { "ipho原创 2021-11-18 15:06:03 · 763 阅读 · 0 评论 -
jq实现对url拼接
var url_build = function (path, params) { var url = "" + path; var _paramUrl = ""; // url 拼接 a=b&c=d if(params){ _paramUrl = Object.keys(params).map(function (k) { return [encodeURIComponent(.转载 2021-10-26 15:28:08 · 672 阅读 · 0 评论 -
Html5和JQ实现拖拽网页发票布局
1.上图整体工作流程,从工具栏出拖拽需要的标签,布局在网格处。在网格处进行随意摆放和改变大小,修改文字内容。2.主要用到draggable(拖拽)、droppable(放置)、accordion(折叠面板)放法。借助jqueryui实现整体操作。(此处没有借助折叠面板,知识样式需要)3.主要代码: //指定元素为折叠面板 $("#catalog").accordion(); //指定可以被拖拽元素 $(".labels").draggable({ ...原创 2021-08-02 16:51:45 · 538 阅读 · 0 评论 -
解决 Webkit 浏览器下打印网页需要手工设置 “打印背景色“ 的问题
如题, 比如说一个元素有个背景颜色, 在打印的时候默认浏览器是不打印背景图和背景色的. 若要打印, 需要在元素的样式上添加以下代码:-webkit-print-color-adjust: exact;这样 WebKit 浏览器中 无论是否勾选 "打印背景图和背景色", 背景图和背景色都会被打印出来.IE下无效...转载 2021-08-02 16:33:53 · 569 阅读 · 0 评论 -
keyup和keydown出现按一次执行多次事件的情况
$(document).keyup.(function(event){alert(event.which);//显示按键对应的数字编号})当前js被多次加载,keyup事件就会被多次绑定,出现按一次按键,执行多次事件的情况$(document).unbind("keyup").keyup.(function(event){alert(event.which);})避免按一次按键,多次执行,绑定keyup事件前,先解绑。keydown同理...转载 2021-07-30 10:42:08 · 2979 阅读 · 1 评论 -
JS判断输入各种验证的正则表达式
1.正确表达式"^\\d+$" //非负整数(正整数 + 0)"^[0-9]*[1-9][0-9]*$" //正整数"^((-\\d+)|(0+))$" //非正整数(负整数 + 0)"^-[0-9]*[1-9][0-9]*$" //负整数"^-?\\d+$" //整数"^\\d+(\\.\\d+)?$" //非负浮点数(正浮点数 + 0)"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1转载 2021-03-17 13:40:06 · 450 阅读 · 0 评论 -
JQ ajax请求
$.ajax({ url: "handlers/SupplierChoose.ashx", //数据的提交路劲 method: "post", //数据的提交方式:get和post data: { CompanyTitle: name }, //需要提交的数据 dataType: "Json", //服务器返回数据的类型,例如xml,String,Json等 success: func..转载 2020-12-25 11:42:15 · 139 阅读 · 0 评论 -
swiper动态加载数据(踩坑)
html代码: <section> <div class="law_type"> <div class="swiper-container"> <div class="swiper-wrapper types"> </div> </div> </div> </s原创 2020-12-07 14:55:39 · 2821 阅读 · 0 评论 -
表单基本验证写法
//手机号验证 var Phone = $("#Phone").val();if(Phone ==""){ layer.msg('手机号不能为空'); return false;} var Vstr = /^[1][3|4|5|7|8][0-9]{9}$/; if (!(Vstr.test(Phone))) { layer.msg('无效手机号'); return false; }//邮箱验证 var email_str = /^.原创 2020-08-07 11:06:32 · 180 阅读 · 0 评论 -
layui动态绑定日期时间控件
layui动态时间控件,刚开始想的是动态生成id,然后动态去指定,但是那样太麻烦,就用更加简洁的方式进行实现。layui.use(['form', 'layer', 'jquery', 'laydate'], function () { var form = layui.form , $ = layui.jquery , layer = layui.layer , laydate = layui.laydate; //渲染时间控件转载 2020-08-05 15:51:55 · 1696 阅读 · 0 评论 -
LayUI动态添加table表格
1.需要的数据格式 var productdata = ""; var list = [ //{ field: "Week1", title: "Week7", align: 'center', width: 100 }, //{ field: "Week1", title: "Week7", align: 'center', width: 100 }, ];2.请求数据,进行动态填充 $.ajax({原创 2020-07-30 17:23:46 · 2023 阅读 · 0 评论 -
基于LayUI合并table单元格
需求:下面用excel表格大概模拟下需求,左边是原来的,要改成右边这样的:①第一步:再生成表格后调用此方法,以合并重复的单元格 done : function(res, curr, count) { merge(res); }②第二步:编写这个方法:function merge(res) { var data = res.data; var mergeIndex = 0;//定位需要添加合并属性的行数转载 2020-07-30 17:18:29 · 469 阅读 · 0 评论 -
提交用户表单登陆页面,短新验证码(倒计时)
<div class="Mar"> <div class="input_content_title"> <span style="width: 1rem; color: #FD0000;">*</span>短信验证: ...原创 2020-04-14 14:56:34 · 250 阅读 · 0 评论 -
JQ 日期格式化操作
function TimeFormat(time_str) { var d = new Date(time_str) var resDate = d.getFullYear() + '-' + p((d.getMonth() + 1)) + '-' + p(d.getDate()) //var r...原创 2020-04-02 16:43:26 · 427 阅读 · 0 评论 -
移动端唤醒软键盘,导致按钮相应区域更换位置,解决办法!!
使用方法:<input class="aui-Address-box-input" name="DetailedAddress" id="DetailedAddress" type="text" placeholder="街道, 小区门牌等详细地址" />添加以下内容: <script> $("input,select").blur(func...原创 2020-03-17 11:41:22 · 135 阅读 · 0 评论 -
Json时间戳格式化为时间
使用方法:var data="1584416255";toDate(data).pattern("yyyy-MM-dd");/*Json时间类型转换成Date类型*/function toDate(JsonDate) { JsonDate.replace(/Date\([\d+]+\)/, function (a) { eval('Dates = new ' + a) })...原创 2020-03-17 11:38:04 · 574 阅读 · 0 评论 -
移动端唤醒软键盘,导致页面按钮触发位置发生改变解决办法
<script> $("input,select").blur(function () { setTimeout(function () { var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop |...原创 2020-03-10 08:58:14 · 375 阅读 · 1 评论 -
ios input输入框失去焦点 按钮响应区域错位
软键盘弹起后,若原输入框被遮挡,页面整体将会上移,然而当输入框失焦,软键盘收起后,页面未恢复,导致弹框里的按钮响应区域错位。解决方案:给输入框(或select选择框)添加失去焦点的事件,当输入框失去焦点,页面自动滚动到顶部,并且需要加定时器,否则偶尔会失效$("input,select").blur(function(){ setTimeout(function() { ...转载 2020-03-04 09:02:58 · 836 阅读 · 0 评论 -
JQuery插件supersized.js 背景图淡入淡出 使用教程
引入下面三个JS<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script> <script type="text/javascript" src="js/supersized-init.js"></script> &原创 2018-11-24 16:51:18 · 1308 阅读 · 0 评论 -
iframe父页面与子页面之间的元素获取与方法调用
父页面与子页面之间的元素获取与方法调用:1、JS父调子方法:window.onload = function () { 1、 document.getElementById("子页面元素ID").contentWindow.子页面方法名; 2、 document.getElementsByTagName("子页面元素标签名")[i].contentWindow.子页面方...原创 2019-02-22 11:41:49 · 4217 阅读 · 2 评论 -
Jquery时间格式化,计算时间差
/*时间格式化*/ Date.prototype.pattern=function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), ...转载 2019-02-23 09:34:26 · 1288 阅读 · 0 评论 -
JQ 在开发前端是让this以参数形式进行传递!!
<!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" lang="zh-cn"> &转载 2019-03-05 15:32:27 · 1120 阅读 · 0 评论 -
微信内置浏览器监控返回键,跳转到指定地址!!!!!
<script> $(function () { pushHistory(); window.addEventListener("popstate", function (e) { window.location.href = 'index.html';//指定回退的地址 ...原创 2019-02-21 09:51:02 · 1656 阅读 · 1 评论 -
微信打开网页键盘弹起后页面上滑,导致弹框里的按钮响应区域错位
在input失去焦点的时候 用以下代码控制页面滑动一下可以修复此问题:<script> $(function () { //监控input焦点失去事件,“title_answer”换成自己的选择器名称 $('.title_answer').blur(function () { document.body.scroll...原创 2019-03-06 08:47:54 · 618 阅读 · 0 评论 -
使用jquery获取url及url参数的方法
使用jquery获取url以及使用jquery获取url参数是我们经常要用到的操作1、jquery获取url很简单,代码如下:window.location.href;其实只是用到了javascript的基础的window对象,并没有用jquery的知识。2、jquery获取url参数比较复杂,要用到正则表达式,所以学好javascript正则式多么重要的事情首先看看单纯的通...转载 2019-05-14 09:13:59 · 432 阅读 · 0 评论 -
纯JQ时间倒计时
//时间倒计时function TimeDown(id, endDateStr) { //结束时间 var endDate = new Date(endDateStr); //当前时间 var nowDate = new Date(); //相差的总秒数 var totalSeconds = parseInt((endDate - nowDate...原创 2018-11-16 11:20:58 · 1332 阅读 · 0 评论