基本选择器基本选择器是最简单的选择器,可以通过元素id、class和标签名等来直接查找DOM元素。元素选择器根据给定元素名匹配元素。如下选择的是所有div元素。$("div").css("backgroud","#bfa");#id选择器根据给定id名匹配元素。id在html页面中应该是唯一的,所以...
分类:
Web程序 时间:
2014-12-15 15:25:34
阅读次数:
303
说明:请使用chrome浏览器打开See the Pen pvyjGV by lilyH (@lilyH) on CodePen.如上图所示,我们你要实现的效果就是,(1)在一行中显示两块元素;(2)每块元素的长度根据它里面的文字变化还是先看代码吧:HTML 1234567 2 2 1111...
分类:
其他好文 时间:
2014-12-11 22:22:57
阅读次数:
179
前言让visible绑定到DOM元素上,使得该元素的hidden或visible取决于绑定的值。简单的绑定首先还是先定义一个ViewModel var AppViewModel = { shouldShowMessage: ko.observable(true) ///初始化的...
分类:
Web程序 时间:
2014-12-11 10:22:02
阅读次数:
237
前言click绑定在DOM元素上添加事件句柄以便元素被点击的时候执行定义的JavaScript 函数。大部分是用在button,input和连接a上,但是可以在任意元素上使用。简单示例ClickBind You've clicked times Click me 预览效果 每次点击按...
分类:
Web程序 时间:
2014-12-11 10:02:01
阅读次数:
369
iSlider手机平台JS滑动组件,无任何插件依赖。它能够处理任何元素,例如图片或者DOM元素。它有如下特性:能够自定义动画,自带的动画包括default, rotate, flip 和 depth你能够简易地添加回调函数(onslidestart, onslide, onslideend, ons...
分类:
移动开发 时间:
2014-12-10 19:46:58
阅读次数:
240
document.ready()和传统的方法相似,不同的是onload()的方法是在页面加载完成后才发生,这包括DOM元素和其他页面元素(例如图片)的加载,因此,使用document.ready()方法的执行速度比onload()的方法要快。document.ready()可以说是jQuery的一大...
分类:
其他好文 时间:
2014-12-10 17:48:38
阅读次数:
156
在有活动的业务中,我们经常会看到,页面中钟,给用户提示活动的开始和进行状态。有数字显示的,有模拟石英钟的。莫衷一是,背后的逻辑是一致的,只是前台展示方式的区别。下面就让我们实现一个数字显示的电子时钟。分为显示天数和时分秒两种情况;我们在这里声明页面中用来显示时间的dom元素id为J_count, v...
分类:
Web程序 时间:
2014-12-09 23:00:31
阅读次数:
236
1、项目在测试环境里运行得很好,切换到生产环境后,突然来个页面一打开几秒钟后就直接就崩溃了,而且还是在chrome下直接崩溃,一看任务管理器CPU内存一下冲高,16G的内存也扛不住,我去!哪里出了问题?最后断点+单步检查发现接口数据翻了十几倍,又因为这个数据在页面会循环生成dom元素,不分页的情况下...
分类:
其他好文 时间:
2014-12-07 22:57:50
阅读次数:
242
在JavaScript高级程序设计第一章当中就把JavaScript分成三大部分所以事实上DOM和BOM是两在独立的部分,它们之间的通信是通过相互之间的功能接口来实现的,这样说来两个独立的部分以功能接口必定会带来性能损耗。这也就是为什么大家一致都说尽量少去访问和修改DOM元素(注意我这里说的是访问和...
分类:
编程语言 时间:
2014-12-06 16:50:45
阅读次数:
144
大家都知道,用document.getElementById(‘element').stylexxx可以获取元素的样式信息,可是它获取的只是DOM元素style属性里的样式规则,对于通过class属性引用的外部样式表,就拿不到我们要的信息了。 DOM标准里有个全局方法getComputedStyle...
分类:
其他好文 时间:
2014-12-05 19:11:50
阅读次数:
158