摘要: 1 myFunction(); 2 function myFunction(){ 3 var person={fname:"Bill",lname:"Gates",age:56}; 4 for(var i in person){ 5 console.log(i) //获得对象中键值对的“键” 6 consol... 阅读全文
posted @ 2018-06-05 16:11 Dios 阅读(382) 评论(0) 推荐(0) 编辑
摘要: 1 $('#form_1 table tbody').find(':checkbox:checked').each(function(){//查找处于checked状态的checkbox 2 var val = $(this).parent().parent().index(); //找到这个checkbox所在的tr的索引3 $('#form_2 table tbody tr'... 阅读全文
posted @ 2017-12-05 16:52 Dios 阅读(1002) 评论(0) 推荐(0) 编辑
摘要: 延伸问题: 如果使用 $(this).attr("checked") 那么第一次点击可以出现想要的结果,可是第二次点击全选,则再也没有选中。 根源:jQuery版本的问题。对于$(“**”).attr(“attrName”),jQuery API明确说明,1.6+的jQuery要用prop,尤其是c 阅读全文
posted @ 2017-12-05 16:47 Dios 阅读(355) 评论(0) 推荐(0) 编辑
摘要: this.css(),this.each()里面的this为jquery对象 为什么要return this.each() 先return this.each(),后调用each()方法,而each()方法返回jQuery对象,所以这样就可以继续链式操作了。 比如我们调用方法 $('#test'). 阅读全文
posted @ 2017-09-12 14:19 Dios 阅读(1004) 评论(0) 推荐(0) 编辑
摘要: 由于项目的需要,需要写出一个图片预览的功能,在预览的同时如果预览的图片大于1,还要能够轮播,。所以,这就是一个从后台取图片的路径,然后轮播的一个功能。 当图片数为1时,不显示左右箭头以及轮播圆点。 下面是一个gif的demo: 首先,我们理清了实现的方式。我们先做出一个轮播图的效果。 DEMO地址: 阅读全文
posted @ 2017-09-05 15:59 Dios 阅读(274) 评论(0) 推荐(0) 编辑
摘要: 由于需求的问题,需要做一个动态效果:当我滚动鼠标,页面滚动到某个位置,然后两个div分别从左右往中间靠拢。 大致的思路就是 利用css3的 animation 和 @keyframes 通过js 对class 的增加和删除 来控制动画效果。 Demo 地址:https://codepen.io/Di 阅读全文
posted @ 2017-08-10 16:54 Dios 阅读(443) 评论(0) 推荐(0) 编辑
摘要: body { padding: 20px;}p { width: 20em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} <body> <p>一二三四五六七八九十一二三四五六七八九十一二三四五六七八九十</p> < 阅读全文
posted @ 2017-07-26 17:34 Dios 阅读(8553) 评论(0) 推荐(0) 编辑
摘要: this 是 JavaScript 语言的一个关键字。 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如: 随着函数使用场合的不同,this 的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。 阅读全文
posted @ 2017-07-19 16:37 Dios 阅读(142) 评论(0) 推荐(0) 编辑
摘要: <script type="text/javascript">function check_email(){ var str = document.myform.email.value; var reg = /^[0-9a-zA-Z_]{5,12}@(163|126|qq|yahoo|gmail|s 阅读全文
posted @ 2017-06-14 16:23 Dios 阅读(240) 评论(0) 推荐(0) 编辑
摘要: 例子:.package_desc p:last-child{color: #56a79e;}<ul> <li> <img src="./images/package.png"> <div class="package_desc"> <h1>乐享套餐(男)</h1> <p>本套餐适用于需要进行普检的用 阅读全文
posted @ 2017-05-22 14:07 Dios 阅读(238) 评论(0) 推荐(0) 编辑