JS
文章平均质量分 70
DarKeViLzAc
这个作者很懒,什么都没留下…
展开
-
JS一些正规表达式,方便大家学习
^ 匹配一个输入或一行的开头,/^a/匹配"an A",而不匹配"An a" $ 匹配一个输入或一行的结尾,/a$/匹配"An a",而不匹配"an A" * 匹配前面元字符0次或多次,/ba*/将匹配b,ba,baa,baaa + 匹配前面元字符1次或多次,/ba*/将匹配ba,baa,baaa ? 匹配前面元字符0次或1次,/ba*/将匹配b,ba (x) ...原创 2009-07-16 19:58:18 · 141 阅读 · 0 评论 -
javascript获得元素的尺寸和位置一 : offsetTop/Left、offsetWidth/Height、offsetParent
在学习offset的相关属性前,必须明确指出offsetHeight/Width、offsetTop/offsetLeft等返回的都是只读的并且以数字的形式返回像素值(例如,返回12,而不是'12px')。 定位父元素:指在CSS中某一元素domElement[position:relative/absolute]所相对定位的元素。 1、offsetParent 对于offset...原创 2009-09-02 21:16:12 · 203 阅读 · 0 评论 -
用jQuery实现<select>选项上下移动
嘖嘖嘖,短短兩個API串接: $opt.next().after($opt)就做出了<option>向下移動的效果。記得以往用純Javascript寫,還得判斷是否為最後一個,若是就不能下移;然後上下位置交換得用options[index]搞半天。不得不要再次讚嘆jQuery的神奇!<html><head><script type='text/...原创 2009-07-24 11:23:24 · 213 阅读 · 0 评论 -
jQuery.live()與Event Delegation
過去bind()時,會逐一在元素上設定事件,而Event Delegation則是利用事件會Bubble Up的特性,直接把事件掛在document上,網頁上的任何元素觸發事件時,document也會被觸發同樣的事件,透過event.target則可找出觸發事件的真實來源。live()就是透過傳入的Selector比對target元素是否為鎖定對象,若在Selector範圍內,就執行指定的事件函數...原创 2009-07-24 11:20:11 · 336 阅读 · 0 评论 -
Jquery学习笔记(五)
.load()方法简化了繁杂的加载文本的工作,之需要将加载的文件的URL作为参数传递给.load()方法。$(document).ready(function(){ $(‘#letter-a .button’).click(function(){ $(‘#dictionary’).load(‘a.html’); });}); 前面我们看到,Ja...原创 2009-07-24 10:46:37 · 133 阅读 · 0 评论 -
Jquery学习笔记(四)
对于非class属性,Jquery提供了.attr()和.removeAttr()方法。甚至可以使用它们来分别代替相应的.class()方法--如果我们想给自己找点麻烦的话。 Jquery的.each()方法类似一个迭代器,它实际上时for循环的一种更简洁的形式。当我们要为选择符匹配的元素集合应用复杂的代码,而是用隐式迭代语法无法胜任时,就可以使用each()方法。$...原创 2009-07-19 16:42:40 · 181 阅读 · 0 评论 -
Jquery学习笔记(三)
有些情况下,可能我们要使用的样式没有在样式表中定义,或者通过央视表定义不是那么容易,针对这种情况JQuery提供了.css()方法。它集获取方法(getter)和设置方法(setter)于一体。.css('property', 'value').css({property1: 'value1', 'property-2': 'value2'}) 在这里,作者举了一个例子,...原创 2009-07-18 20:03:37 · 154 阅读 · 0 评论 -
Jquery学习笔记(二)
要理解JQuery的事件处理,最开始的肯定是要理解$(document).ready()这一初始化结构。通过$(document).ready()注册的事件处理程序会在DOM完全就绪并可以使用时调用。虽然这也意味着所有元素对脚本语言而言都是可以访问的,但是,却并不意味着所有关联 的文件都已经下载完毕。换句话说,当HTML下载完成并解析为DOM树之后,代码就可以运行了。$(document)...原创 2009-07-18 16:07:42 · 169 阅读 · 0 评论 -
Jquery学习笔记(一)
最近发现在看书过程中所做的笔记总是容易弄丢,索性给记录到网上,这就方便多了不过得预先说明,因为是在看书过程中的笔记,所以很多东西都是摘抄书上内容,只是方便自己记忆而已。 JQuery能做什么? 获取页面的部分内容,修改页面的外观,修改页面的内容,在页面中相应用户的交互,给页面加上动画,无刷新返回服务端的信息(也就是AJAX了),简化共同的JavaScript任务。 J...原创 2009-07-18 14:51:50 · 124 阅读 · 0 评论 -
Thinking in JQuery
大部分情况下,我们面临的背景是: 设计者高高在上,不食人间烟火,只是提供约束,不要这样,必须那样,而不是提供方法和可以复用的API。 开发者是处于解决问题的一线,饱尝重复造轮子的疾苦,他们最需要的是快速的解决问题,以更恰当的方式工作,寻找更容易构建系统的技术和方式。 Jquery给设计者上了很好的一课。 Jquery就像一个魔法师一样,$()就像魔法棒一样,随手一指,一个木偶变复活了,一瞬间具备了...原创 2009-07-17 20:43:54 · 124 阅读 · 0 评论 -
jQuery的常用选择器
E:nth-child(n) 是其父元素的第n个类型为E的子元素 E:first-child 是其父元素的第1个类型为E的子元素 E:last-child 是其父元素的最后一个类型为E的子元素 E:only-child 且是其父元素的唯一一个类型为E的子元素 E:empty 没有子元素(包括text节点)的类型为E的元素 E:enabled E:disabled 类型为E,允许或被禁止的用户界...原创 2009-07-17 01:07:15 · 96 阅读 · 0 评论 -
JS常用的验证代码,方便大家学习
// 判断一个输入是不是正整数 function plusIntegerCheck(s) { if (s.match(/^[1-9]\d*$/)) { return true; } return false; } // 校验是否全由数字组成 function isDigit(s) { var patrn = /^[0-9]+.?[0-9]*$/; if (!patrn.exec(s)) { ret...原创 2009-07-16 20:10:50 · 133 阅读 · 0 评论 -
javascript获得元素的尺寸和位置二 : clientWidth/Height、scrollWidth/Height、scrollTop/Left...
1、clientWidth clientHeight 元素的可视部分的宽度和高度(也就是CSS的width加padding)。它们不把边框和滚动条计算在内,也不包括任何可能的滚动。 若CSS中没有指定元素的高度和宽度(即自适应),则IE中显示0,而非IE浏览器则显示实际的值 2、 offsetWidth offsetHeight 元素在页面中占据的宽度和...原创 2009-09-02 21:18:42 · 158 阅读 · 0 评论