![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery
Let dreams fly
一定要学习,才能提高自己!
展开
-
jquery获取两个日期之间的所有日期
jquery获取两个日期之间的所有日期$(function() { Date.prototype.format = function() { var s = ''; s += this.getFullYear() + '-'; // 获取年份。 if((this.getMonth() + 1) >= 10) {// 获取月份。 s += (t...原创 2018-05-18 11:14:02 · 2503 阅读 · 2 评论 -
jquery判断自定义属性data-val
jquery判断自定义属性data-val1.css.active { color: red; }2.html<ul> <li data-val="1">1</li> <li data-val="2">2</li> <li data-val="3">3&a原创 2018-05-23 17:09:41 · 6739 阅读 · 0 评论 -
jquery中append(),prepend()与after(),before()的区别
jquery中append(),prepend()与after(),before()的区别例如:<div id="demo"><p>1</p></div>1.append()用于在被选元素结尾插入元素,prepend()用于在被选元素开头插入元素。(注意:是在元素内部)结果:2.after()用于在被选元素之后插入元素,prepend()用于在被选元...原创 2018-05-24 09:59:26 · 222 阅读 · 2 评论 -
jquery事件委托
jquery事件委托1.什么是事件委托? 事件委托是利用事件冒泡,只指定一个事件处理程序来管理某一类型的所有事件。2.为什么要用事件委托? 1.在JavaScript中添加到页面上的事件处理程序的个数直接关系到页面的整体运行性能。因为每个事件处理函数都是对象,对象会占用内存,内存中的对象越多,性能就越差。此外,必须事先指定所有的事件处理程序而导致的DOM访问次数,会延迟整个页面的交互就...原创 2018-05-24 10:44:28 · 540 阅读 · 0 评论 -
jquery字符串转日期
jquery字符串转日期$(function() { //字符串转日期格式,strDate要转为日期格式的字符串 function getDate(strDate) { var date = eval('new Date(' + strDate.replace(/\d+(?=-[^-]+$)/, function(a) { return parseInt(...原创 2018-05-24 10:56:55 · 22853 阅读 · 0 评论 -
js替换全部斜杠为“-”
js替换全部斜杠为“-”1.js只是用replace("/","-")并不能替换掉字符串中的所有斜杠replace(/\//g, '-')效果:原创 2018-05-29 17:54:03 · 22168 阅读 · 1 评论 -
js定时弹框,循环调用
js定时器弹框,自动计时1.jsfunction getTime() { var myDate = new Date(); var h = myDate.getHours(); var m = myDate.getMinutes(); var myTime = ""; if(h < 10) myTime += "0"; myTime += h + ":"; ...原创 2018-06-06 13:54:49 · 2127 阅读 · 0 评论 -
HTML代码转换JavaScript后动态数据绑定以及常用写法
HTML代码转换JavaScript后动态数据绑定以及常用写法注意:双引号、单引号、反斜杠的合理使用很重要!!!1.jsfunction Down(ele) { alert(ele);}var datas = [{ imgurl: "http://manage.hbjk114.com//Files/ProductInfo/20170623143338252.jpg", ...原创 2018-06-01 16:30:07 · 1190 阅读 · 0 评论 -
jQuery序列化表单为JSON对象
jQuery序列化表单为JSON对象1.html<form action="formGetData.html" method="get"> <p>First name: <input type="text" name="fname" /></p> <p>Last name: &l原创 2018-07-13 10:27:22 · 901 阅读 · 0 评论 -
js实现中英文切换
js实现中英文切换1.html<!DOCTYPE html><head> <title>中英文切换</title> <meta charset="UTF-8" /> <script type="text/javascript" src="js/jquery.js">原创 2018-08-06 11:32:52 · 46288 阅读 · 44 评论 -
js获取当前鼠标位置并输出
js获取当前鼠标位置并输出1.html<body onmousemove="mousemove(event)"></body>2.csshtml,body { width: 100%; height: 100%; background: #A5CEDB; position: relative;}.newDiv { position: a...原创 2018-08-14 15:17:24 · 10665 阅读 · 0 评论 -
移动端图片上传:localResizeIMG先压缩再ajax上传
移动端图片上传:localResizeIMG先压缩再ajax上传 下载https://github.com/think2011/localResizeIMG/archive/4.9.35.zip,之后引入以下几个js文件以及jquery.js1.html<div class="feedback"> <div class="mui-col-xs-12 mui...原创 2018-12-17 17:04:13 · 315 阅读 · 0 评论 -
jquery实现歌词滚动
jquery实现歌词滚动1.css /* CSS Document */* { margin: 0; padding: 0; font-size: 12px;}body { background: none;}input,button,select,textarea { outline: none;}ul,li,dl,ol { list-style: ...原创 2018-05-23 10:29:37 · 2818 阅读 · 0 评论 -
jquery获取url最后一个斜杠前、后的内容
jquery获取url最后一个斜杠前、后的内容1.js//验证通过 汉字不解析 $(function() { // content css3 var htmlHref = window.location.href; htmlHref = htmlHref.replace(/^http:\/\/[^/]+/, ""); var addr = htmlHref.subst...原创 2018-05-22 11:02:56 · 11855 阅读 · 0 评论 -
js根据经纬度计算两点距离
js根据经纬度计算两点距离1.html<button type="button" onclick="distanceByLnglat(116.95400,39.95400,116.95300,39.95300);"> test me </button>2.js需要引入<script type="text/javascript" src="js/jquer.原创 2018-05-18 11:18:35 · 6489 阅读 · 0 评论 -
js倒计时
js倒计时1.html<span id="time">60</span>2.js$(function() { var setTime; var time = parseInt($("#time").text()); setTime = setInterval(function() { if(time <= 0) { cle...原创 2018-05-21 09:59:54 · 127 阅读 · 0 评论 -
js点击空白关闭div
点击空白关闭div1.html<div class="tardiv">div块</div>2.cssdiv { width: 200px; height: 200px; background: #eee; }3.js$(document).click(function(e) { var _con = $('.tardiv'); // 设置目标区域...原创 2018-05-18 11:31:37 · 3825 阅读 · 0 评论 -
jquery根据日期算周次
jquery根据日期算周次$(function() { function ddd(types) { var text = ""; switch(types) { case 1: text = "星期一"; break; case 2: text = "星期二"; break; c...原创 2018-05-18 13:24:54 · 1775 阅读 · 0 评论 -
jquery根据身份证号获取生日、年龄、性别
jquery根据身份证号获取生日、年龄、性别1.html<input type="text" onchange="getCode()" /> 2.js var getCode = function () { var ele = $("input").val(); var birth = ele.substring(6, 10) + "-" +...原创 2018-05-18 13:28:18 · 1739 阅读 · 0 评论 -
js获取url传值
js获取url传值例如:https://www.baidu.com/?id=1231.方法1function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var theRequest = new Object(); if(url.indexOf("?") != -1) { var str = url...原创 2018-05-21 09:12:24 · 2389 阅读 · 2 评论 -
js计算N天后的日期并给日期自动补0
js计算N天后的日期并给日期自动补01.jsfunction date_count(date) { var date1 = new Date(); var date2 = new Date(date1); date2.setDate(date1.getDate() + parseInt(date)); var times = date2.getFullYear() ...原创 2018-05-21 09:18:44 · 1167 阅读 · 0 评论 -
js去除字符串空格,转化为数组,并判断数组元素位置
trim()方法并不能去除字符串中间的空格,只能去除两边空格原创 2018-05-21 09:34:41 · 3500 阅读 · 0 评论 -
jquery上移、下移、置顶、置底、添加、移除事件
jquery上移、下移、置顶、置底、添加、移除事件引入jquery.js1.cssul { border: 1px solid #AAAAAA; height: 100px; overflow-y: scroll; } ul li { list-style: none; } a { text-decoration: none; col...原创 2018-05-21 09:53:18 · 2009 阅读 · 0 评论 -
jquery获取随机颜色
jquery获取随机颜色1.js//获取十六进制颜色function randomColor() { var color = ""; for (var i = 0; i < 6; i++) { color += (Math.random() * 16 | 0).toString(16); } return "#" + color;}document.querySe...原创 2018-05-21 10:19:43 · 4216 阅读 · 1 评论 -
jquery实现别踩白块小游戏
jquery实现别踩白块小游戏首先引入jquery.js1.csshtml,body,.contain { width: 100%; height: 96%; overflow: hidden; background-color: #FFFFCC;}.text-center { text-align: center;}.score { font-size: 25px;...原创 2018-05-22 10:40:09 · 1129 阅读 · 0 评论 -
js前端根据链接生成二维码并转成图片下载
js前端根据链接生成二维码并转成图片下载依赖于jquery、jquery.qrcode.min.js1.html<div class="qrcode"></div><button onclick="downloadClick()">下载二维码</button>2.js2.1生成二维码var url = window....原创 2019-04-23 16:45:08 · 6253 阅读 · 1 评论