jQuery
王家五哥
这个作者很懒,什么都没留下…
展开
-
jquery计算表格列,求和
jquery计算表格列,求和有时候,需要统计网页上数据总数,系统没有提供该功能,需要手动计算,于是设计了这段代码核心代码:$(function() { var totalRow = 0; $('#overTimes tr').each(function() { $(this).find('td:eq(1)').each(function() { totalRow += parseFloat($(this).text()); }); }); console.log('计算共原创 2021-09-22 13:18:16 · 1787 阅读 · 0 评论 -
js 监听键盘按键
效果:上上下下左左右右,前前后后document.addEventListener('keydown', function(e) { console.log("----->当前按键keyCode:" + e.keyCode); switch (e.keyCode) { case 37: console.log("左"); break; case 38: console.log("上"); break; case 39: console.log("原创 2021-07-07 10:43:02 · 919 阅读 · 0 评论 -
当定时任务遇上随机数
疯狂setInterval(function() { // console.log("start....." + new Date()); var random = Math.round((Math.random() * 10) + 1); console.log("random:" + random); document.writeln(random);}, 2000);原创 2021-06-21 10:56:21 · 223 阅读 · 0 评论 -
js空对象undefined
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js空对象undefined测试</title> <script type="text/javascript"> var persion = new Object(); persion.name = "王总"; alert(persion.name + "," +...原创 2021-06-21 10:53:30 · 569 阅读 · 0 评论 -
js空对象undefined测试
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>js空对象undefined测试</title> <script type="text/javascript"> var persion = new Object(); persion.name = "王总"; alert(persion.name + "," + pe.原创 2021-06-16 17:10:22 · 142 阅读 · 0 评论 -
form表单自动填充
json示例:{\"head\":{\"errorCode\":\"0000\",\"errorMsg\":\"请求成功\"},\"body\":\"{\\\"code\\\":\\\"0\\\",\\\"message\\\":\\\"插入成功!\\\"}\"}原创 2021-06-16 13:15:17 · 1649 阅读 · 1 评论 -
jquery 点击计数器
效果图:代码:原创 2021-06-07 10:51:07 · 605 阅读 · 3 评论 -
js 动态校验开始结束时间
很多时候要动态校验开始结束时间,每次都要写一次,太麻烦,以备后面拷贝使用,代码作用简介:开始结束时间,联动,开始时间前后移动,对应结束时间相应变化,时间差30天html:<input type="date" placeholder="请输入(From)..." id="txtStartDate" value="${startDate }" onblur="onblurStartDate();" /><input type="date" placeholder="请.原创 2020-05-23 16:35:35 · 14379 阅读 · 2 评论 -
js win10语音朗读文字
目前测试系统为win10,放在网页中即可<script type="text/javascript"> var msg = new SpeechSynthesisUtterance("xxx是个沙雕"); window.speechSynthesis.speak(msg);</script>原创 2020-05-20 22:35:43 · 15062 阅读 · 0 评论 -
随机获取数组元素
如题,不废话了,直接代码走起<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script language="javascript"> window.onload = function() { var arr = ["1", "2", "3", "4", "5", "6", "7", "8", "9"原创 2020-05-20 22:25:33 · 15662 阅读 · 0 评论 -
js下拉框时间拼接
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery.min.js" type="text/javascript" charset=&q原创 2018-03-05 17:03:05 · 307 阅读 · 0 评论 -
js检测键盘按键
js检测键盘按键<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script type="text/javascript"> $(fu原创 2020-08-26 22:38:18 · 14786 阅读 · 0 评论 -
jquery按钮禁用(全)
代码开发中,经常会用到按钮禁用,总结如下://禁用按钮方式一$("#readbut").attr("disabled","disabled");$("#readbut").removeAttr("disabled");//禁用按钮方式二$("#readbut").attr("disabled",true);$("#readbut").attr("disabled",false);//禁用按钮方式三(不建议使用,部分环境解除禁用会失效)$("#readbut").attr("disab原创 2020-08-26 22:33:04 · 22222 阅读 · 0 评论 -
js 键盘事件
键盘事件:简单点就是检测用户在键盘上按了什么键<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> .原创 2020-07-27 21:04:18 · 40700 阅读 · 0 评论 -
jQuery设置样式 css
利用jQuery设置网页样式:效果图:html:<span id="spid1">你好!</span> <span id="spid2">你好!</span> <input type="checkbox" name="" id="" value="" /><input type="checkbox" name="" id="" value="" />js:$(".原创 2020-05-27 23:17:21 · 25634 阅读 · 0 评论 -
jQuery下拉框元素操作
对select下拉中元素的操作:增、删、清空<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.0/jquery.js" type="text/javascript" charset="utf-8">&l原创 2020-05-20 22:29:24 · 24344 阅读 · 0 评论 -
jQuery addClass,removeClass,class属性增删
效果图,添加、移除class属性上代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .myclass { background-color: red; } </style> <script src="http.原创 2020-05-20 22:22:24 · 15364 阅读 · 0 评论 -
js 定时任务,定时器
window.setTimeout("funTimeout();", 1000); //按照指定时间,只执行一次window.setInterval("funInterval();", 1000); //按照指定时间,一直执行<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="http://l...原创 2020-05-18 23:35:10 · 17468 阅读 · 0 评论 -
js获取浏览器当前时间
var nowDate=new Date().toISOString().substring(0,10)+" "+new Date().toLocaleTimeString().substring(2);alert("当前时间为:"+nowDate);原创 2018-03-05 16:44:48 · 15380 阅读 · 0 评论 -
获取当前页面的宽度和高度
jQuery:获取当前打开页面的宽度和高度:var windowheight = $(window).height() - 20;var windowwidth = $(window).width() - 20;if (windowheight > 600){ windowheight = 600;}if (windowwidth > 1100){ windowwidth = 1100;} ...原创 2020-05-18 22:31:13 · 27291 阅读 · 0 评论 -
$.Ajax请求全
1、引入js文件2、Ajax方式请求数据 $.ajax({ type : "post", async : true, //异步请求(同步请求将会锁住浏览器,用户其他操作必须等待请求完成才可以执行) url : '${ctx}/modelcare/monthalarmsta/list',原创 2017-11-12 14:17:49 · 32220 阅读 · 0 评论 -
引用外部jQuery地址
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script><script src="https://cdn.bootcdn.net/ajax/libs/jquery/2.2.0/jquery.原创 2020-05-18 20:10:22 · 18077 阅读 · 0 评论