11 2017 档案

location.reload() 和 location.replace()的区别和应用。
摘要:首先介绍两个方法的语法: reload 方法,该方法强迫浏览器刷新当前页面。语法:location.reload([bForceGet]) 参数:bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。 true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 阅读全文

posted @ 2017-11-27 14:55 芸芸众生! 阅读(520) 评论(0) 推荐(0) 编辑

js验证input输入框(字母,数字,符号,中文)
摘要:界面上的字段验证,是找的网上的一个js-input验证,觉得挺不错的,分享给大家,但这个验证还是有瑕疵的,就是没有对应的友好提示,可能在客户体验的那方面就不是很好了。 数字校验有个bug,希望大家这边注意一下,就是如果有input从后台获取的value值的话,上面的数字校验失效,下面贴出此情况下的处 阅读全文

posted @ 2017-11-14 16:21 芸芸众生! 阅读(857) 评论(0) 推荐(0) 编辑

纯CSS3来自定义单选框radio与复选框checkbox
摘要:单选框(radio)自定义样式 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 阅读全文

posted @ 2017-11-14 15:32 芸芸众生! 阅读(9087) 评论(1) 推荐(0) 编辑

'input propertychange' 当输入框文字改变时触发的事件!
摘要:$('.amount_input').bind('input propertychange', function() { console.log(2); $('.list label').removeClass('clicks'); $('.list label').removeClass('cli 阅读全文

posted @ 2017-11-08 19:41 芸芸众生! 阅读(1358) 评论(0) 推荐(0) 编辑

Bootstrap 标签页(Tab)插件
摘要:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap 实例 - 标签页(Tab)插件</title> <link rel="stylesheet" href="http://cdn.static.runoob.com/ 阅读全文

posted @ 2017-11-08 16:37 芸芸众生! 阅读(1292) 评论(0) 推荐(0) 编辑

map() 方法创建一个新数组,其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。
摘要:var numbers = [1, 4, 9]; var roots = numbers.map(Math.sqrt); // roots的值为[1, 2, 3], numbers的值仍为[1, 4, 9] sqrt:用来计算一个非负实数的平方根 var numbers = [1, 4, 9]; v 阅读全文

posted @ 2017-11-07 14:32 芸芸众生! 阅读(1117) 评论(0) 推荐(0) 编辑

文字左右滚动选择,改变direction的值
摘要:1、从左到右滚动显示<marquee direction=left>测试</marquee>2、从右到左滚动显示<marquee direction=right>测试</marquee> 阅读全文

posted @ 2017-11-07 11:01 芸芸众生! 阅读(349) 评论(0) 推荐(0) 编辑

文字纵向滚动marquee
摘要:<div style="width:200px; height:300px"><marquee direction="up" truespeed="truespeed" height="300px" behavior="scroll"><p>hellohellohellohellohellohell 阅读全文

posted @ 2017-11-07 10:57 芸芸众生! 阅读(520) 评论(0) 推荐(0) 编辑

文字横向滚动marquee
摘要:<div style="width:200px; height:300px"> <marquee behavior="scroll" contenteditable="true" onstart="this.firstChild.innerHTML+=this.firstChild.innerHTM 阅读全文

posted @ 2017-11-07 10:56 芸芸众生! 阅读(1108) 评论(0) 推荐(0) 编辑

switch 语句来选择要执行的多个代码块之一。
摘要:switch(n) { case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: n 与 case 1 和 case 2 不同时执行的代码 } 阅读全文

posted @ 2017-11-07 10:43 芸芸众生! 阅读(781) 评论(0) 推荐(0) 编辑

form表单提交三种方式,demo实例详解
摘要:<html> <head> <title>submit直接提交</title> </head> <body> <!-- 表单的提交方式一 --> <form method="get"> username: <input type="text" name="username"/> <br/> pass 阅读全文

posted @ 2017-11-06 15:33 芸芸众生! 阅读(1206) 评论(0) 推荐(0) 编辑

筛选!所需的物品!
摘要:<!DOCTYPE HTML><html><head><title>原生js实现类似购物网站筛选页面效果</title><meta charset="utf-8"><style type='text/css'>* { margin: 0; padding: 0; }#wrap { width: 60 阅读全文

posted @ 2017-11-06 14:44 芸芸众生! 阅读(120) 评论(0) 推荐(0) 编辑

对表格内容进行筛选!
摘要:<!DOCTYPE html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test js</title> </head> <script type="text/javascri 阅读全文

posted @ 2017-11-06 14:35 芸芸众生! 阅读(362) 评论(0) 推荐(0) 编辑

引号不是字符串中唯一的可以被转义字符。下面是常见的转义序列列表:
摘要: 阅读全文

posted @ 2017-11-06 14:11 芸芸众生! 阅读(405) 评论(0) 推荐(0) 编辑

切换功能更新的事件如下:
摘要:js: navbarActiveSwitch(); var isclick=false; $(function () { $("label").on({ mouseover:function(){ $(this).addClass('clicks'); $(this).removeClass('po 阅读全文

posted @ 2017-11-06 10:18 芸芸众生! 阅读(120) 评论(0) 推荐(0) 编辑

另一种的切换功能
摘要:js: var isclick=false; $(function () { $("label").on({ mouseover:function(){ console.log(1); $(this).addClass('clicks'); $(this).removeClass('point_am 阅读全文

posted @ 2017-11-03 11:22 芸芸众生! 阅读(135) 评论(0) 推荐(0) 编辑

<td colspan="6"></td>代表这个td占6个td的位置
摘要:<td colspan="6"><span class="order-time">2017-10-11 14:55:23</span><span class="order-item">订单号:6666666666666</span></td> 阅读全文

posted @ 2017-11-02 21:42 芸芸众生! 阅读(1182) 评论(0) 推荐(0) 编辑

给所有的奇数元素和偶数元素添加内容
摘要:获取class为target且索引为奇数的所有元素,并给他们添加class。 $(".target:odd").addClass("animated shake"); 阅读全文

posted @ 2017-11-02 21:28 芸芸众生! 阅读(300) 评论(0) 推荐(0) 编辑

克隆一个元素到另一个元素内部
摘要:比如,如果我想把target2从left-well拷贝到right-well,我们可以这样写: $("#target2").clone().appendTo("#right-well"); 阅读全文

posted @ 2017-11-02 21:24 芸芸众生! 阅读(114) 评论(0) 推荐(0) 编辑

让某一个元素移动到另一元素的内部最里面
摘要:让target4从我们的从right-well移到left-well,我们可以这样使用: $("#target4").appendTo("#left-well"); 阅读全文

posted @ 2017-11-02 21:21 芸芸众生! 阅读(160) 评论(0) 推荐(0) 编辑

把按钮设置成不可选以后,这会让按钮变灰并且不能点击。
摘要:$("button").prop("disabled", true); 阅读全文

posted @ 2017-11-02 21:11 芸芸众生! 阅读(1118) 评论(0) 推荐(0) 编辑

点击之后去取消当前的样式,给选中对象添加样式
摘要:css .point_amount_label{ width: 120px; height: 40px; display: block; float: left; margin: 0 10px 0 0; text-align: center; border: 1px solid #e8e8e8; b 阅读全文

posted @ 2017-11-02 20:24 芸芸众生! 阅读(1018) 评论(0) 推荐(0) 编辑

jQuery 插入元素
摘要:在被选元素的内部 prepend() 方法在被选元素的开头(仍位于内部)插入指定内容。 append() 方法在被选元素的结尾(仍然在内部)插入指定内容。 阅读全文

posted @ 2017-11-02 17:56 芸芸众生! 阅读(142) 评论(0) 推荐(0) 编辑

jQuery 父级,祖先,兄弟,等选择性操作
摘要:jQuery.parent(expr) 找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class") jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元 阅读全文

posted @ 2017-11-02 17:55 芸芸众生! 阅读(11000) 评论(0) 推荐(0) 编辑

type="radio"样式修改
摘要:input[type=radio],input[type=checkbox] { display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-left: 5px; -webkit-appearanc 阅读全文

posted @ 2017-11-01 16:24 芸芸众生! 阅读(1815) 评论(0) 推荐(0) 编辑

Bootstrap 有一个 class 属性叫做 well,它的作用是为设定的列创造出一种视觉上的深度感
摘要:Bootstrap 有一个 class 属性叫做 well,它的作用是为设定的列创造出一种视觉上的深度感 阅读全文

posted @ 2017-11-01 14:30 芸芸众生! 阅读(1115) 评论(0) 推荐(0) 编辑

统计

点击右上角即可分享
微信分享提示