js
Marttin2
Be-Happy!
Be-Healthy!
Be-Strong!
展开
-
min-width 和 overflow 属性搭配,出现横向滚动条
<style> //当页面的可视区域的宽度小于页面设置的最小宽度的时候,出现滚动条 body{ min-width:2000px; overflow:auto;}</style><script> alert($(window).width());<script>原创 2020-11-20 14:55:07 · 2503 阅读 · 0 评论 -
html 中 localStorage 的使用
localStorage.setItem('localData', $("#target").val()); if (localStorage.reading == '1') { js.alert("请注意xxxxx!"); }原创 2020-11-12 15:44:53 · 540 阅读 · 0 评论 -
html data-xxx 属性的使用
<div data-xxx="0" id="target"></div> var dataParam = $("#target").data('xxx'); if(dataParam=="0"){ $("#target").data('xxx','1'); $("#target").text('hello moto'); }原创 2020-11-12 15:30:44 · 241 阅读 · 0 评论 -
jQuery 添加!important样式
$("#yourDiv").css("cssText","background-color:blue!important");原创 2020-09-27 09:53:54 · 293 阅读 · 0 评论 -
jQuery 关于手机和带有区号的座机的正则校验
$("#yourId").blur(function(){ //手机 var tel =/^(13[0-9]|14[0-9]|15[0-9]|16[0-9]|17[0-9]|18[0-9])\d{8}$/i; //座机 024-23184567 var callTel =/^(0\d{2,3}-)?\d{7,8}$/; var str = $(this).val().trim(); var telPass = false; var callPass = false; if..原创 2020-09-17 19:58:55 · 402 阅读 · 0 评论 -
Array.prototype.slice.call(),获取属性对象
var xxxArray=Array.prototype.slice.call($("input[name$='xxx']")); if (xxxArray.some(item => { return parseFloat(item.value) <= 0})) { js.showMessage("数量应>0!"); return false; }else{ $("#inputForm").submit(); }...原创 2020-09-12 07:36:23 · 109 阅读 · 0 评论 -
js的click事件,防止二次点击
//js的click事件,防止二次点击 //开关 var oneClick = true; function noDoubleClick(){ if(oneClick){ oneClick = false; //具体的业务操作 doAjax(){ //成功或失败后,将开关再次开启,为了仍可以点击 if("success"){ oneClick = true; }else{ oneClick = true; } } ...原创 2020-09-11 10:23:40 · 1315 阅读 · 0 评论 -
jeesite 点击a标签,框架内打开新的tab标签
<a href="#" onclick="newTab(this)" title="${text('查看详情')}" >查看详情</a> var hrefStr = "/xxx/a/xxx/xxx/xxx?id=123456"; function newTab(self) { js.addTabPage($(self), '查看详情', hrefStr, true, true); }原创 2020-09-10 19:15:56 · 1466 阅读 · 0 评论 -
jQuery 一键复制指定区域的文字
<p id="targetContent">一键复制指定区域的文字</p> <textarea id="textArea" style="position: fixed;top: 10000px;left: 10000px;opacity: 0;"></textarea> <button id="clickCopy">复制</button> $("#clickCopy").bind("click",function(.原创 2020-09-10 16:30:26 · 852 阅读 · 0 评论 -
jQuery 实时监听input的输入内容!
//jQuery 实时监听input的输入内容! <input id="showX" class="form-control"> <input type="text" oninput="onInput(event)" value="实时监听你的input" /> //1、jQuery $("#showX").bind("input propertychange",function(event){ console.log($(this).val())...原创 2020-09-10 16:06:53 · 499 阅读 · 0 评论 -
jQuery 将下拉选结果集中的最小值,置成选中状态!!
//将下拉选结果集中的最小值,置成选中状态!!//data 是待处理的下拉选结果集 function x() { //对象 var arrObj = {}; //数组 var arrNum = []; //数据的组装 for (var i = 0; i < data.length; i++) { var id = data[i].id; var nums = data[i].nums; //push arr.原创 2020-09-07 15:18:01 · 124 阅读 · 0 评论 -
jQuery 获取数组或对象中属性最大/最小值
//获取某属性最大值的对象! var array=[ { "index_id": 123, "area_id": "a12345", "name": "zhaoqian", "age": "23" }, { "index_id": 124, ...原创 2020-09-07 15:07:18 · 2771 阅读 · 0 评论 -
a 标签的 href 属性的获取与拼接
var hrefStr = $(#yourId).attr("href"); $(#yourId).attr("href",hrefStr+"?id="+id);原创 2020-09-06 08:16:02 · 1872 阅读 · 0 评论 -
js端拼接select下拉选,并且给指定option加颜色
//js端拼接select下拉选,并且给指定option加颜色 //需要效果:点开下拉选时候,将指定的文字设置成红色 var optionStr = '<option value=""> </option>'; for (var i = 0; i < data.length; i++) { var value = data[i].id; var text; if (a==b) { text = "...原创 2020-08-28 11:39:40 · 2210 阅读 · 0 评论 -
jQuery input 框中内容的选中事件
$( "#youGrid").on( "focus","input", function() { $( this ).select(); });原创 2020-08-27 08:45:02 · 1532 阅读 · 0 评论 -
jQuery 判断数组中是否包含某个元素,没有则添加进去
var companyArr = []; var index = $.inArray("str", companyArr); if (index < 0) { companyArr.push("str"); }原创 2020-08-12 21:54:08 · 1377 阅读 · 0 评论 -
jQuery,.after()方法,在tr的后面追加tr
<tr id="position"><td>你好</td></tr><tr><td>马提尼</td></tr>$("#position").after("<tr><td>我是</td></tr>");html页面的最终显示如下:你好我是马提尼原创 2020-07-08 22:17:39 · 2748 阅读 · 0 评论 -
对于jqgrid列表数据的追加,数据量大时,渲染慢的方式处理
function listselectCallback(id, action, index, layero, selectData){ //可以这样: let keys = Object.keys(selectData); // 对于jqgrid列表数据的追加,数据量大时,渲染慢的方式处理 let data = []; for (let i = 0; i < keys.length; i++) { data.push({ 'status': 0, ..原创 2020-07-06 12:32:00 · 1542 阅读 · 0 评论 -
jQuery 数组取交集,Array.intersect(arr1,arr2);
//jQuery 数组取交集let result = Array.intersect(arr1,arr2);原创 2020-07-05 10:48:05 · 1177 阅读 · 0 评论 -
jQuery判断数组中包含某个字符串,没有即push,$.inArray(“str”, arr),
function ok(selectData){ //名称的数组 var compArr = []; for(var key in selectData){ var model = selectData[key]; //没有即加入 var index = $.inArray(model.beanName, compArr); if (index < 0) { compArr.push(model.beanName); } } }...原创 2020-07-05 10:44:23 · 429 阅读 · 0 评论 -
jQuery,获取class属性中包含某个字符串的的tr对象
//获取class属性中包含某个字符串的的tr对象 $("tr[class*='yourmind']");原创 2020-06-28 19:45:37 · 2666 阅读 · 0 评论 -
jqGrid listselect回调函数,列表添加数据
function listselectCallback(id, action, index, layero, selectData){ if (id == 'materialSelect' && action == 'ok') { var yourGrid=$("#yourGrid"); var rowIDs=materiallist.jqGrid("getDataIDs"); var rowDataTest=[]; .原创 2020-06-16 12:23:20 · 688 阅读 · 0 评论 -
javascript,数字转人民币大写
// 数字转人民币大写 function number2Cn(money) { var reg = new RegExp(",","g"); money = money.replace(reg, ""); money = parseFloat(money) //汉字的数字 var cnNums = new Array('零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'); //基本单位 var cnIntRadice = n.原创 2020-06-05 20:36:46 · 509 阅读 · 0 评论 -
jQuery,如何将上下滚动条默认停留在最底部
$(".ui-jqgrid-bdiv").scrollTop($(".ui-jqgrid-bdiv").prop("scrollHeight"));原创 2020-05-03 21:20:16 · 367 阅读 · 0 评论 -
jQuery,对object数据进行排序
业务场景:最终使用的数据类型时object,如下所示,需要对下面的对象按日期属性升序排序 //将对象排序,按照对象中属性日期大小 var objData = { jlM191116945216684: {isNewRecord: false, id: "jlM191116945216684", remarks: "", createDate: "2019-...原创 2020-04-25 16:08:16 · 939 阅读 · 0 评论 -
.css(),添加文字超长显示省略号的样式
var css = { "max-width":"100px", "overflow":"hidden", "white-space":"nowrap", "text-overflow":"ellipsis"};$("div").css(css);原创 2020-04-25 16:07:03 · 325 阅读 · 0 评论 -
把对象转换成数组对象
//把对象转换成数组对象, 参数对象, 返回值数组对象 var obj2Arr = function (o) { var result = [] for (let i in o) { let obj = {}; obj[i] = o[i]; ...原创 2020-04-19 14:19:59 · 822 阅读 · 0 评论 -
html在输入框上提示,“必填信息”
//html在输入框上提示,“必填信息”<div class="col-sm-3"> <input type="text" id="codeName" name="codeName" value="" maxlength="64" class="form-control required" autocomplete="off" aria-required="true"...原创 2020-04-19 14:17:23 · 3789 阅读 · 0 评论 -
将以xx开头的name属性的对象值转成数组
//将以xx开头的name属性的对象值转成数组 var array=Array.prototype.slice.call($("input[name$='yy']")); //$("input[name^='xx']") -- 以xx开头 //$("input[name$='yy']") -- 以yy结尾...原创 2020-04-09 19:02:31 · 310 阅读 · 0 评论 -
js中,Array.prototype.slice.call(),将具有length属性的对象转成数组
//js中,Array.prototype.slice.call(),将具有length属性的对象转成数组 var obj2Array = function(obj){ try{ return Array.prototype.slice.call(obj); } catch(e){ ...原创 2020-04-09 19:01:56 · 201 阅读 · 0 评论 -
记一下,$.fn.serializeObject
$.fn.serializeObject = function () { var _serializeArray = this.serializeArray(); var objResult = {}; $.each(_serializeArray, function () {...原创 2020-04-05 11:23:36 · 291 阅读 · 0 评论 -
js创建form表单,传参后并提交表单
//js创建表单,传参并提交 function exportOut(rowId) { //form,用于提交 var form = $("<form>"); form.attr('style', 'display:none'); form.attr('target', ''); form....原创 2020-04-05 11:18:00 · 1155 阅读 · 0 评论 -
toggleClass( )的使用,奇偶行不同颜色
<style type="text/css"> .red{ font-size:120%; color:red; } .row_1{ color:red; } .row_0{ color:blue; } </style> //对点击元素的第一个父类进行样式的切换(如...原创 2020-04-05 11:13:56 · 231 阅读 · 0 评论 -
span使用inline-block属性的使用,使行内元素成行内块元素
<th colspan="8" class="search-bart"> <span style="width:45%;display:inline-block;vertical-align:top;">类型:zz</span> <span style="width:30%;display:inline-block;vertical-a...原创 2020-04-05 11:12:08 · 1268 阅读 · 0 评论 -
Math.ROUND() 保留2位小数
_sumNums = Math.round(_sumNums * 100) / 100;原创 2020-03-28 09:27:39 · 26503 阅读 · 0 评论 -
通过,aria-describedby属性,获取元素,并设置样式
if($(this).find('[aria-describedby="yourDataGrid_redRemarks"]').text()=="yourmind"){ $(this).find('[aria-describedby="yourDataGrid_target"]').css("color","red");}原创 2020-03-28 09:15:12 · 12850 阅读 · 0 评论 -
JQuery 遍历tr以及其下的td
$('#tMain tbody tr').each(function(i){ $(this).children('td').each(function(j){ }); });原创 2020-03-14 12:35:25 · 916 阅读 · 0 评论 -
JQuery 对每行的第一列和第二列进行隐藏
$("#tMain tbody tr td:nth-child(1)").hide(); $("#tMain tbody tr td:nth-child(2)").hide();原创 2020-03-14 12:27:30 · 535 阅读 · 0 评论 -
siblings(),通过主从关系的id关系,实现toggle
//siblings(),通过主从关系的id关系,实现toggle function getToggle(t) { var _this = $(t).parent(); _this.siblings('.children_' + _this.id).toggle(); }原创 2020-03-14 12:01:04 · 294 阅读 · 0 评论 -
a标签 打开新窗口
<a href="javascript:void(0);" onclick="window.top.open(\''+url+'\',\'_blank\')" ><i class="fa fa-file-pdf-o" aria-hidden="true"></i></a>原创 2020-02-28 21:57:06 · 532 阅读 · 0 评论