
jquery
文章平均质量分 50
dxj124
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
判断对象的每个属性是否都为空
getFirst: function(data) { var newData = Object.assign({}, data); //这部操作是为了过滤掉teamId属性,不判断他,但是不改变原对象的属性 delete newData.teamId; let result = Object.values(newData).every(item => item == ""); return result; //都为空是true...原创 2020-12-03 17:55:45 · 1338 阅读 · 0 评论 -
Response中set-cookie里有值,但是浏览器cookie却没有
最近我在重构一个项目,将原来的web前后端进行分离,在写第一个controller的时候,就遇到一系列的问题,解决了4、5bug后,最后一个就是后端的cookie不能再浏览器appliction->cookies中显示解决方法:(这里需要转载一下) 因为浏览器的同源策略的限制,不同域名间的请求会造成跨域问题(同源策略是客户端的限制,服务端的互相请求不会有跨域问题)。一般场景下解决跨域问题常用的解决方法都是CORS解决,即配置服务端接受发起请求的域名 response.head.转载 2020-10-21 16:42:18 · 23776 阅读 · 3 评论 -
form表单的提交方式
form表单的提交方式: <form name="formMain" id="formMain" method="post" onsubmit="prepSubmit" enctype="multipart/form-data" action="douban.php" target="PostIfr">onsubmit:原创 2018-11-20 11:46:05 · 1257 阅读 · 0 评论 -
JQ的对象与dom的对象(.eq()与[]的区别)
首先我们假设一个html中有以下元素:<div class="sel"></a><div class="sel"></a><div class="sel"></a> 使用JQ选择元素的时候$('.sel')//我们选择了三个元素$('.sel').eq(0)转载 2018-12-13 14:45:11 · 352 阅读 · 0 评论 -
判断一个空对象
利用jquery的方法:isEmptyObject()jQuery.isEmptyObject( object )返回值 jQuery.isEmptyObject()函数的返回值为Boolean类型,如果指定的参数是空对象,则返回true,否则返回false。...原创 2019-01-18 18:05:20 · 151 阅读 · 0 评论 -
判断一个值在不在数组中 inArray()
jQuery.inArray()方法$.inArray() 返回数组中指定元素的索引值$.inArray(item,arr) //参数1:查找的值; 参数2:在哪个数组里面查找;返回值:函数用于在数组中搜索指定的值,并返回其索引值。如果数组中不存在该值,则返回 -1 if ($.inArray(data[k].GameId, arr) >= 0) { ...原创 2019-01-25 10:45:18 · 1179 阅读 · 0 评论 -
js判断对象是否为空对象的几种方法
1.将json对象转化为json字符串,再判断该字符串是否为"{}"var data = {};var b = (JSON.stringify(data) == "{}");alert(b);//true2.for in 循环判断var obj = {};var b = function() {for(var key in obj) {return false;}retur...转载 2019-01-25 10:48:12 · 333 阅读 · 0 评论 -
默认触发select的change事件
$('#sex').val(o.iSex).trigger('change');//页面一进来,默认触发select($('#sex')),下面的<option value="1">男</option>指定的value的onchange事件原创 2019-02-21 17:17:17 · 4371 阅读 · 0 评论 -
滚动条,滚动到进行中,或者最后一个已结束的位置
需求是: 滚动条,滚动到进行中,或者最后一个已结束的位置。做法是: 先给 进行中,或者拿到最后一个已结束的,加一个cur的class // list_content是包含li的ul; progress_scroll_content 是ul的外面,有滚动条的容器(这里也可以把滚动条给到ul)var objTr = $("#list_content li.cur"); if (...原创 2019-02-22 10:19:59 · 526 阅读 · 0 评论 -
设置左右滑动,且滑动到当前位置tabSlide
//滑动function tabSlide(boxid,listid,previd,nextid,lwidth,cwidth,n,pageNo){ var box = $("#"+boxid), list = $("#"+listid), listLen = box.find("li").length, prevBtn = $("#"+previd), nextBtn = $...原创 2019-02-22 16:14:41 · 770 阅读 · 0 评论 -
jquery 判断div滚动条是否滚动到底部
var nDivHight = $(".box").height();$('.box').on('scroll', function() { nScrollHight = $(this)[0].scrollHeight; nScrollTop = $(this)[0].scrollTop; if (nScrollTop + nDivHight >= nScroll...原创 2019-02-18 15:59:18 · 1476 阅读 · 0 评论 -
触发点击事件
触发ul下的第一个li的点击事件$("ul li").eq(0).trigger("click");原创 2019-02-13 15:46:35 · 549 阅读 · 0 评论 -
利用jQuery实现图片懒加载
原博客:https://www.jianshu.com/p/1b32e16ed0e5<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>图片懒加载-简单</title> &l转载 2019-02-19 11:14:44 · 1319 阅读 · 0 评论 -
$.each中break的用法
利用$.each遍历的时候,each函数不能使用break和continue关键字,可以采用以下替换方案:return ;//实现continue功能return false;//实现break功能原创 2019-03-20 15:21:21 · 3029 阅读 · 0 评论 -
jQuery -index()获取下标
jQuery -index() 方法利用jq的index()方法,拿到当前元素的下标index() 方法返回指定元素相对于其他指定元素的 index 位置。这些元素可通过 jQuery 选择器或 DOM 元素来指定。注释:如果未找到元素,index() 将返回 -1。$(this).index(); 拿到当前元素的下标...原创 2019-04-01 10:35:09 · 5187 阅读 · 0 评论 -
js 中编码(encode)和解码(decode)的三种方法
js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent下面简单介绍一下它们的区别1 escape()函数定义和用法 escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串。语法 escape(string)参...转载 2018-11-19 17:31:22 · 2297 阅读 · 0 评论 -
iscroll.js的使用
1.引入文件:<script src="js/jquery/jquery-1.9.0.min.js"></script><script type="text/javascript" src="iscroll.js"></script>2.加入css样式: <style type="t原创 2018-11-06 10:28:11 · 931 阅读 · 0 评论 -
jquery中的ajax方法参数的用法和他的含义
1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。2.type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。3.timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设转载 2017-11-08 14:50:28 · 345 阅读 · 0 评论 -
涉及到滚动条的定位问题,主要是Jquery 中 offset() 方法
效果是:一进来页面,传入某个li的id,通过这个id来让滚动条定位到这个位置,如果不传直接返回,传入的话,通过 $(selector).offset().top;的方法,获得偏移值,然后让外层的ul做一个动画效果去移动// 实现滚动条的定位 Base.ScrollToRead = function(sid) { //当使用滚动条,并默认读消息被隐藏时,触发滚动条滚动 if (原创 2017-11-08 11:23:42 · 1449 阅读 · 0 评论 -
点击按钮,实现60秒倒计时效果(发送手机验证码)
点击按钮实现60秒倒计时,并且实现按钮不可点击,60秒之后才可点击,以及按钮的文字改变// 60秒倒计时 var countdown = 60; var timer;function settime(val) { timer = setInterval(function() { (“#sendCode”).attr(‘disabled’, true);(“#sendC原创 2017-11-30 14:42:00 · 1522 阅读 · 0 评论 -
有用到的一些js,jq方法总结
**一.element.outerHTML;**1.innerHTML和outerHTML有什么区别 test1 test2 1)innerHTML的值是“test1 test2 ” 2)outerHTML的值是test1 test2可以通过这个元素的outerHTML属性来获取到这个元素的html内容 例如: html[0].outerHTML二.jQuery 事...原创 2017-12-13 15:19:17 · 274 阅读 · 0 评论 -
遍历数组的常用方法
1. 最传统方法 for循环var arr = ["first","second","third","fourth",3,5,8]; for(var i = 0; i < arr.length;i++){ console.log(arr[i]); } //输出:first second third fourth 3 5 81.1. for… i...转载 2018-04-12 10:38:53 · 898 阅读 · 0 评论 -
用JSONP实现跨域请求
下边这一DEMO实际上是JSONP的简单表现形式,在客户端声明回调函数之后,客户端通过script标签向服务器跨域请求数据,然后服务端返回相应的数据并动态执行回调函数。 HTML代码 (任一): Html代码 <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <script type="...转载 2018-05-25 11:10:26 · 641 阅读 · 0 评论 -
或者url地址栏中的参数的方法
var getQueryString = function(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substring(1).match(reg); if (r != null) return...原创 2018-05-25 11:26:01 · 657 阅读 · 1 评论 -
jQuery form表单的 serialize() 和 serializeArray() $.param方法
var form = $("#form").serializeArray(); var num = {}, form数据格式如下: num['iTag'] = id; //额外给增加的其他键值对 接口中直接传过去,如果需要转成字符串的话 转化以下JSON.stringify(num) serialize() 方法取到的是字符串格式...原创 2018-05-25 11:49:27 · 2385 阅读 · 0 评论 -
data-func的元素绑定方式 jquery和zepto的使用区别
jquery:var Sub = (typeof Sub == 'object') ? Sub : {};Sub.init = function() { //data-func方法 x $('[data-func]').each(function(e) { var $this = $(this), data = $this.data(); ...原创 2018-06-21 10:33:02 · 655 阅读 · 0 评论 -
将数字超过5位数的 已X万的形式表示,并且四舍五入,保留一位小数
// 计算阅读量Sub.calNum = function(e, data) { var num = parseFloat(e.html()); if (num < 10000) { e.html(num) } else { num = (num / 10000).toFixed(1) e.html(num) } }...原创 2018-06-21 16:03:27 · 2446 阅读 · 0 评论 -
Jquery的一些方法
1.将接口数据中的字符串转成对象jQuery.parseJSON($.parseJSON)-----zepto,的话,只能是$.parseJSON2。表单序列化$.param()序列化一个key/value对象:var params = { width:1900, height:1200 };var str = jQuery.param(params);$("...原创 2018-09-17 10:02:01 · 133 阅读 · 0 评论 -
jquery的 异步加载$.when
$.when()方法 //这里场景是,需要循环调用接口,拿到所有数据,进行处理利用$.when的方法 InitTeamList: function(gameId) { var self = Schedules; var goUrl = ''; var teamArr = []; var arrTpm = []; ...原创 2018-09-20 14:40:48 · 1730 阅读 · 0 评论 -
before(),after(),prepend(),append()等新DOM方法简介
**1. before() 方法在被选元素前插入指定的内容。类似于jquery的before()方法**Dom中before() 方法是节点方法,可以是节点,也可以是元素,jquery的before()方法的使用:例: 在每个 p 元素前插入内容(“button”).click(function(){(“button”).click(function(){ (“p”).before(“Hel转载 2017-10-09 15:54:32 · 697 阅读 · 0 评论