![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端-JQuery
文章平均质量分 54
布拉格的爱
哪有什么岁月静好,只不过是有人替你负重前行
展开
-
关于输入框按回车自动刷新页面的4个解决方案
解决方案 1、直接去除掉form表单,当然这是最简单粗暴的方法。2、如果一个input会自动提交,那么比较容易想到的是再加一个input。值得注意的是 这里的input不能设置type为hidden,这样一样是不生效的,form一样会认为只有一个input。需要设置成<input type="text" class="form-control" style="display:none">。3、给input加上回车事件直接return false。在input加上οnkeydο...原创 2021-02-02 16:13:43 · 1223 阅读 · 0 评论 -
js中if语句为空的条件
在进行if条件判断的时候会遇到一些问题,那种条件为true,那种条件为false var a = null; if(a){ console.log("true") }else{ console.log("false") }; //false if(undefined){ console.log("true") }else{ console.log("false") }; //false var a; if(a){ ...原创 2020-12-27 16:20:09 · 1983 阅读 · 0 评论 -
ES6 数组的方法
数组的类 数组的类是Array数组的定义 var arr=[元素] var arr=new Array(3) 数字3,代表有三个元素或者三个空位 如果数组定义采用 new 实例,类中跟的是一个数字 n ,代表有 n 个元素 var arr=new Array("6") 有一个元素,并且这个元素是6数组的方法of 方法 1. Array 类上的方法 2. var arr=Array.of(4);console.log(arr); //4 返回一个元素为4的转载 2020-11-30 16:50:12 · 166 阅读 · 0 评论 -
Jquery获取和修改img的src值的方法
Jquery获取和修改img的src值的方法获取:$("#imgId").src;修改:$("#imgId").attr('src',path);原创 2020-11-15 16:18:21 · 2696 阅读 · 0 评论 -
CSS块级元素和行内元素
html中的标签元素大体被分bai为三种不同的类型:块级元素du、内联zhi元素(又叫行内元素dao)和内联块级元素。块级元素特点:1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(霸道,一个块级元素独占一行)2、元素的高度、宽度、行高以及顶和底边距都可设置。3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致)常用的块状元素有:<div>、<p>、<h1>...<h6>、<ol>、<ul>原创 2020-09-09 17:46:45 · 213 阅读 · 0 评论 -
js中对于数组的操作
js中对于数组的操作很常见 let myArray=[11,22,33]; console.log('原数组:',myArray); myArray.push(44,55); console.log('用push在数组后面插入元素:',myArray); 结果:[11,22,33,44,55] myArray.unshift(66,77); console.log('用unshift在数组前面插入元素:',myArray); ...原创 2020-08-22 11:01:34 · 104 阅读 · 0 评论 -
js 前段方法通用方法封装处理
(1) // 判断字符串是否为空 isEmpty: function (value) { if (value == null || this.trim(value) == "") { return true; } return false; }, (2)// 判断一个字符串是否为...原创 2020-08-22 10:08:32 · 966 阅读 · 0 评论 -
Ajax的同步和异步
Ajax的同步和异步同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出去假死状态,当这个AJAX执 行完毕后才会继续运行其他代码页面假死状态解除。而异步则这个AJAX代码运行中的时候其他代码一样可以运行。jquery的async:false,这个属性默认是true:异步,false:同步。...原创 2020-08-06 14:33:20 · 103 阅读 · 0 评论 -
ajax
定义和用法ajax() 方法通过 HTTP 请求加载远程数据。该方法是 jQuery 底层 AJAX 实现。简单易用的高层实现见 $.get, $.post 等。$.ajax() 返回其创建的 XMLHttpRequest 对象。大多数情况下你无需直接操作该函数,除非你需要操作不常用的选项,以获得更多的灵活性。最简单的情况下,$.ajax() 可以不带任何参数直接使用。注意:所有的选...原创 2019-09-16 21:01:06 · 88 阅读 · 0 评论 -
Ui选中
var flag = "${flag}"; if(flag!="null"){ $(".artical_wrap .artical_column_nav li:eq("+flag+")").click(); }原创 2019-05-27 13:13:32 · 159 阅读 · 0 评论 -
jquery中获取相邻元素相关的命令:next()、prev()和siblings()
jquery里我们要获取某个元素的相邻元素时,可以用到的命令有三个:next():用来获取下一个同辈元素。prev():用来获取上一个同辈元素。siblings():用来获取所有的同辈元素。下面来看看简单的实例:<div> <p id="1">1</p> <p id="2">2</p> ...转载 2019-03-30 14:56:02 · 14107 阅读 · 0 评论 -
css 折行
style=\"word-wrap:break-word;width:200px;\"原创 2019-03-26 15:12:02 · 706 阅读 · 0 评论 -
Console命令,让js调试更简单
Console命令,让js调试更简单一、显示信息的命令console.log("normal"); // 用于输出普通信息console.info("information"); // 用于输出提示性信息console.error("error"); // 用于输出错误信息console.warn("warn"); ...转载 2019-03-20 22:34:19 · 81 阅读 · 0 评论 -
jQuery 在元素之前插入元素
<body> <table border="1"> <tr> <td> <label>comlun1</label></td> <td id="fg"> comlun2</td&原创 2019-03-07 22:14:35 · 6909 阅读 · 0 评论 -
js 前段 ,页面数据校验总结
/* * Translated default messages for the jQuery validation plugin. * Locale: ZH (Chinese, 中文 (Zhōngwén), 汉语, 漢語) */(function ($) { $.extend($.validator.messages, { required: "必填信息", remote: "请修正该信息"...原创 2018-03-21 14:54:54 · 455 阅读 · 0 评论 -
js前段两个时间的校验
1. var beginTime= $("#beginTime").val() var endTime = $("#endTime").val(); var d1 = new Date(beginTime,.replace(/\-/g, "\/"))...原创 2018-03-21 15:02:33 · 435 阅读 · 0 评论 -
$.each(json,function(index,item){ }); jquery遍历
$.each(json,function(index,item)里面的index代表当前循环到第几个索引,item表示遍历后的当前对象,比如json数据为:[{"name":"a"},{"name":"b"},{"name":"c"}]使用foreach遍历后,index,item 依次为,0,{"name":"a"转载 2018-03-26 11:14:28 · 5522 阅读 · 1 评论 -
控制tab页面的切换
<div id="menubox"> <ul id="leftMenu"> <li class="<c:if test='${sflag==1}'>active</c:if>">原创 2018-03-22 09:45:44 · 1444 阅读 · 0 评论 -
总结get和post区别
总结get和post区别get参数通过url传递,post放在request body中。get请求在url中传递的参数是有长度限制的,而post没有。get比post更不安全,因为参数直接暴露在url中,所以不能用来传递敏感信息。get请求只能进行url编码,而post支持多种编码方式get请求会浏览器主动cache,而post支持多种编码方式。get请求参数会被完整保留在浏览历史记录里,而po...转载 2018-04-09 15:26:19 · 123 阅读 · 0 评论 -
超完整的 Chrome 浏览器客户端调试大全
引言“工欲善其事,必先利其器”没错,这句话个人觉得说的特别有道理,举个例子来说吧,厉害的化妆师都有一套非常专业的刷子,散粉刷负责定妆,眼影刷负责打眼影,各司其职,有了专业的工具才能干专业的事,这个灵感要来源于之前我想买化妆品时,店里的海报标语,由此联想到,如果你想在某个事情上做好,并且做的专业,那么你一定要把你的工具用好,这样才能事半功倍,我见过很多师兄师姐,写了很多代码,能够很快的完成工作,能够...转载 2018-04-09 15:27:43 · 273 阅读 · 0 评论 -
HTML加载顺序总结测试
首先,页面加载顺序:解析HTML结构。加载外部脚本和样式表文件。解析并执行脚本代码。构造HTML DOM模型。加载图片等外部文件。页面加载完毕。也就是:html → head → title → #text(网页标题) → style → 加载样式 → 解析样式 → link → 加载外部样式表文件 → 解析外部样式表 → script → 加载外部脚本文件 → 解析外部脚本文件...转载 2018-08-26 14:00:55 · 603 阅读 · 0 评论 -
window.print() 去掉页眉页脚及打印链接
页面中添加样式: <style media="print"> @page { size: auto; /* auto is the initial value */ margin: 0mm; /* this affects the margin in the printer settings */ }</style>...转载 2018-08-26 14:05:04 · 3037 阅读 · 0 评论 -
Thymeleaf 基本用法总结
一、引用命名空间 <html xmlns:th="http://www.thymeleaf.org"> 在html中引入此命名空间,可避免编辑器出现html验证错误,虽然加不加命名空间对Thymeleaf的功能没有任何影响。 二、输出内容 2.1 <p th:text="#{home.welcome}">Welcome to ...转载 2018-09-08 22:31:33 · 353 阅读 · 0 评论 -
省-市-县 联动 选择
一,前段 样式三个下拉框(1) 省<select name="provice" id="provice" class="required pull_down" style="width:120px"> </select> (2) 市州<select name="city" id="原创 2018-09-10 16:52:40 · 257 阅读 · 0 评论 -
JQuery简单的用法
$(".subkey").click(function(){ $(this).toggleClass("down"); $(this).parent().children('.subkey-item').toggleClass("down"); $(".item-child"+"[name="+$(this).attr("id")+"]").to原创 2018-09-29 15:10:57 · 100 阅读 · 0 评论 -
企业图谱
一,需要的插件,charts ,jquery <script type="text/javascript" src="jquery/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="echarts/echarts.js"></sc原创 2018-10-21 22:00:44 · 3770 阅读 · 0 评论 -
JSon字符串处理
一,json 数据,从后到前台 var js={ "resultCode": "0", "resultInfo": "处理成功", "columns": [ {原创 2017-07-03 17:40:50 · 301 阅读 · 0 评论