子钦加油

扩大
缩小

随笔分类 -  Jquery

Jquery
根据后端传的时间前端js进行倒计时
摘要:一、故事背景: 1. 今天公司有个项目需求 2. 在前端页面实现一个倒计时功能 3. 初步设想:后端根据需求规定一个未来的时间,前端根据当前时间进行计算 4. 然后将时间格式化,时分秒的格式 5. 时间倒计时完成,刷新页面获取最新的页面 6. 最后在前端展示;大致是这样 二、上代码 <!DOCTYP 阅读全文

posted @ 2020-01-29 12:52 子钦加油 阅读(1042) 评论(0) 推荐(0) 编辑

js和jq跳转到另一个页面或者在另一个窗口打开页面
摘要:$("#pic").click(function(){ location.href='newpage.html'; }); 上面的相当于<a href="newpage.html" target="_self"><img src="img.jpg" /></a> $("#pic").click(fu 阅读全文

posted @ 2020-01-12 20:33 子钦加油 阅读(1297) 评论(0) 推荐(0) 编辑

JS控制只能输入数字并且最多允许小数点两位
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input type="text" name="je" onblur="clearNoNum(thi 阅读全文

posted @ 2019-11-23 17:06 子钦加油 阅读(1065) 评论(0) 推荐(0) 编辑

jQuery(实例)
摘要:1.开关灯效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .hide{ display: none; } </style> </head> <body> <i 阅读全文

posted @ 2019-08-12 14:50 子钦加油 阅读(313) 评论(0) 推荐(0) 编辑

单选框radio改变事件
摘要:Allot Transfer $(document).ready(function() { $('input[type=radio][name=bedStatus]').change(function() { if (this.value == 'allot') { alert("Allot Thai Gayo Bhai"); ... 阅读全文

posted @ 2019-07-30 16:17 子钦加油 阅读(937) 评论(1) 推荐(0) 编辑

阻止冒泡事件
摘要:比如上面这个页面, 分为三层:divOne是第外层,divTwo中间层,hr_three是最里层; 他们都有各自的click事件,最里层a标签还有href属性。 运行页面,点击“点击我”,会依次弹出:我是最里层 >我是中间层 >我是最外层 >然后再链接到百度. 这就是事件冒泡,本来我只点击ID为hr 阅读全文

posted @ 2019-07-29 11:32 子钦加油 阅读(838) 评论(0) 推荐(0) 编辑

jQuery实现简单的tab切换
摘要:html: <section> <nav id="nav"> <a class="on">tab1</a> <a>tab2</a> <a>tab3</a> <a>tab4</a> </nav> <div id="contentBox"> <div class="box active">内容一</di 阅读全文

posted @ 2019-07-26 16:13 子钦加油 阅读(3233) 评论(1) 推荐(0) 编辑

Math.floor(Math.random()*3+1)
摘要:Math.random():获取0~1随机数Math.floor() method rounds a number DOWNWARDS to the nearest integer, and returns the result. (小于等于 x,且与 x 最接近的整数。)其实返回值就是该数的整数位 阅读全文

posted @ 2019-03-29 13:43 子钦加油 阅读(2177) 评论(0) 推荐(0) 编辑

jquery之冒泡事件介绍以及阻止冒泡
摘要:什么是事件冒泡 <div style="width: 200px;height: 200px;background: red;margin: 200px auto;" onclick="box()"> <p onclick="test()" style="background: blue"> wub 阅读全文

posted @ 2019-03-27 17:50 子钦加油 阅读(1764) 评论(0) 推荐(0) 编辑

导航

返回顶部