摘要: each()方法能使DOM循环结构简洁,不容易出错。each()函数封装了十分强大的遍历功能,使用也很方便,它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法each处理一维数组vararr1=["aaa","bbb","ccc"]; $.each(arr1,function(i,val){alert(i);alert(val);});alert(i)将输出0,1,2alert(val)将输出aaa,bbb,ccceach处 阅读全文
posted @ 2013-02-22 13:53 {前端开发} 阅读(242) 评论(0) 推荐(0) 编辑
摘要: 本文属于新手型的文章,也是新手写的文章,高手可以滤过,如果各位看了有什么意见,尽管提,小鸟虚心接受............. 都来拍砖吧。 在asp.net 的ajax中有updatepanel,但我不想用这个,就想到了jquery,看能否实现相同的功能,于是去搜索相关文章,但是也有人问,却没有给出完整的demo,但是jquery中有load方法可以实现 问题:在某篇文章的详细页,【http://www.e6wa.com/Article/107.aspx】提交评论的时候,不希望刷新整个页面,但我想刷新评论部分,显示我刚才发表的评论,这就想到局部刷新来加载数据,我想用jquery实现局部刷新.. 阅读全文
posted @ 2013-02-21 18:04 {前端开发} 阅读(1738) 评论(0) 推荐(0) 编辑
摘要: 获取与设置样式获取class和设置class都可以使用attr()方法来完成。例如使用attr()方法来获取p元素的class,JQuery代码如下:var p_class = $("p").attr("class"); //获取p元素的class使用attr()方法来设置p元素的class,JQuery代码如下:1$("p").attr("'class", "high"); //设置p元素的class为 "high"在大多数情况下,它是将原来的class替换为新的c 阅读全文
posted @ 2013-02-21 16:09 {前端开发} 阅读(1695) 评论(0) 推荐(0) 编辑
摘要: 1、remove([expr])概述:从DOM中删除所有匹配的元素。这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素。但除了这个元素本身得以保留之外,其他的比如绑定的事件,附加的数据等都会被移除。<div class="pt-main"><p class="first">第一项</p><ul id="sideNav"> <li>Item1</li> <li>Item2</li> <li>Ite 阅读全文
posted @ 2013-02-21 11:06 {前端开发} 阅读(219) 评论(0) 推荐(0) 编辑
摘要: 1、JQuery 基本选择器:名称说明举例#id根据元素Id选择$("#divId") 选择ID为divId的元素element根据元素的名称选择,$("a") 选择所有<a>元素.class根据元素的css类选择$(".bgRed") 选择所用CSS类为bgRed的元素*选择所有元素$("*")选择页面所有元素selector1,selector2,selectorN可以将几个选择器用","分隔开然后再拼成一个选择器字符串.会同时选中这几个选择器匹配的内容.$("#div 阅读全文
posted @ 2013-02-02 17:15 {前端开发} 阅读(315) 评论(0) 推荐(0) 编辑
摘要: 事件处理 ready(fn)代码:$(document).ready(function(){ // Your code here...});作用:它可以极大地提高web应用程序的响应速度。通过使用这个方法,可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数,而99.99%的JavaScript函数都需要在那一刻执行。bind(type,[data],fn)代码:$("p").bind("click", function(){ alert( $(this).text() );}); 作用:为每一个匹配元素的特定事件(像click)绑定一个事件处理器 阅读全文
posted @ 2013-01-25 10:26 {前端开发} 阅读(229) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb23 阅读全文
posted @ 2013-01-23 14:28 {前端开发} 阅读(199) 评论(0) 推荐(0) 编辑
摘要: 转自:http://www.ued163.com/?p=661在CSS规范中有一个渲染对象的概念,通常用一个盒子(box, rectangle)来表示。mozilla通过一个叫frame的对象对盒子进行操作。frame主要的动作有三个:* 构造frame, 以建立对象树(DOM树) * reflow, 以确定对象位置,或者是调用mozilla的Layout(这里是指源码的实现) * 绘制,以便对象能显示在屏幕上总的来说,reflow就是载入内容树(在HTML中就是DOM树)和创建或更新frame结构的响应的一种过程。要提高页面性能,其实就是避免reflow的开销。那么,有哪些方面是需要refl 阅读全文
posted @ 2013-01-11 09:52 {前端开发} 阅读(728) 评论(0) 推荐(0) 编辑
摘要: Transition对应的CSS属性列表:transition-property指定当元素哪个属性改变时执行Transition效果,属性可以时以下属性:none、all以及其他可以触发浏览器reflow或repaint的属性。当指定为none时,动画立即停止,当指定为all的时候,则当元素产生任何属性值变化时都将执行“转换”效果,比如大小改变。初始默认值为all.transition-duration指定“转换”过程的时间,如:1s、none。初始默认值为0.transition-timing-function指定“转换”过程中可用的效果,预设的有:ease, linear, ease-in 阅读全文
posted @ 2012-12-21 13:35 {前端开发} 阅读(620) 评论(0) 推荐(0) 编辑
摘要: <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />在网页的<head>中增加以上这句话,可以让网页的宽度自动适应手机屏幕的宽度。其中:width=device-width :表示宽度是设备屏幕的宽度initial-scale=1.0:表示初始的缩放比例minimum-scale=0.5:表示最小的缩放比例maximum-sca 阅读全文
posted @ 2012-12-19 15:03 {前端开发} 阅读(268) 评论(0) 推荐(0) 编辑
摘要: 1.丢弃小数部分,保留整数部分parseInt(5/2)2.向上取整,有小数就整数部分加1Math.ceil(5/2)3,四舍五入.Math.round(5/2)4,向下取整Math.floor(5/2)Math 对象的方法FF: Firefox, N: Netscape, IE: Internet Explorer方法 描述 FF N IEabs(x) 返回数的绝对值 1 2 3acos(x) 返回数的反余弦值 1 2 3asin(x) 返回数的反正弦值 1 2 3atan(x) 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值 1 2 3atan2(y,x) 返回从 阅读全文
posted @ 2012-12-14 18:26 {前端开发} 阅读(1156) 评论(0) 推荐(0) 编辑
摘要: 最近同事推荐了一一款前端开发工具webstorm,使用了一下,便深深被吸引住了,抛弃以前一直使用的editplus,改用webstorm。花费一下午时间简单翻译了下官方文档上的特性说明。HTML/HTML5/CSS1.支持标签,自动闭合标签,数据源提示(如下图),id检测2.支持html5标签3.代码检测功能4.代码优化提示功能5.zen编码风格例如输入div.feature>h4+p再按tab建就会自动生成下面代码<divclass=”feature”><h4></h4><p></p></div>6.显示当前元素的 阅读全文
posted @ 2012-11-05 18:20 {前端开发} 阅读(1214) 评论(0) 推荐(0) 编辑
摘要: var clientW = document.documentElement.clientWidth || document.body.clientWidth;var clientH = document.documentElement.clientHeight || document.body.clientHeight;var offsetW = document.documentElement.scrollWidth || document.body.scrollWidth;var offsetH = document.documentElement.scrollHeight || doc 阅读全文
posted @ 2012-10-14 23:09 {前端开发} 阅读(206) 评论(0) 推荐(0) 编辑
摘要: Windows下gvim配置原作地:http://hi.baidu.com/leemoncc/blog/item/a6be15cf40d7ab31b600c806.html0.准备软件及插件。(a)gvim72.exe地址ftp://ftp.vim.org/pub/vim/pc/gvim72.exe。(b)vimcdoc-1.7.0-setup.exe地http://prdownloads.sourceforge.net/vimcdoc/vimcdoc-1.7.0-setup.exe?download(c)ec57w32.zip 地址http://prdownloads.sourceforge 阅读全文
posted @ 2012-09-21 18:43 {前端开发} 阅读(298) 评论(0) 推荐(0) 编辑
摘要: 以下是IE新开页面屏幕计算默认值:FF与IE都支持(计算有差异)网页可见区域宽【document.body.clientWidth】:1239FF与IE都支持(计算有差异)网页可见区域高【document.body.clientHeight】:0FF与IE都支持(计算有差异)网页可见区域宽【document.body.offsetWidth】:1239FF与IE都支持(计算有差异)网页可见区域高【document.body.offsetHeight】:0FF与IE都支持(计算有差异)网页正文全文宽【document.body.scrollWidth】:1239FF与IE都支持(计算有差异)网页 阅读全文
posted @ 2012-09-06 12:01 {前端开发} 阅读(538) 评论(0) 推荐(0) 编辑