05 2011 档案
摘要:判断一个层是否隐藏:$("#id").css("display")=="none" ;在所有匹配的元素中,设置一个样式属性的值:$("p").css("color","red"); 把一个“名/值对”对象设置为所有匹配元素的样式属性。 这是一种在所有匹配的元素上设置大量样式属性的最佳方式$("p").css({ color: "#ff0011", background: "blue" }); 如果属性名包含 &quo
阅读全文
摘要:document.documentElement.getBoundingClientRect方法获得页面中某个元素的左,上,右和下分别相对浏览器视窗的位置。也不好理解,下面用图说明下。该方法已经不再是IE Only了,FF3.0+和Opera9.5+已经支持了该方法,可以说在获得页面元素位置上效率能有很大的提高,在以前版本的Opera和Firefox中必须通过循环来获得元素在页面中的绝对位置。下面的代码举了个简单的例子,可以滚动滚动条之后点红色区域看各个值的变化。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/
阅读全文
摘要:在做用frame布局的管理系统时,经常会碰到,要在整个窗口中打开链接的情况,如果target不设置的话,新页面会嵌套在iframe里。主要设置taget属性为_top或是_parent,就可在整个窗口中打开页面;若是iframe只嵌套一层,则_parent即可解决。W3C的taget属性解释:_blank 在新窗口中打开被链接文档。_self 默认。在相同的框架中打开被链接文档。_parent 在父框架集中打开被链接文档。_top 在整个窗口中打开被链接文档。framename 在指定的框架中打开被链接文档。
阅读全文
摘要:之前,我们减少字节数和请求次数以及加载顺序以使页面加载的更快。如今,我们越来越多的注意到另一个影响网站性能的部分--CPU利用率。使用 jQuery和其他JavaScript框架,使节点选择和DOM操作变得越来越容易,如果使用不当,有可能影响整个网页的响应速度,下面列举11个更有 效的使用jQuery库:1、总是使用#id去寻找element.在jQuery中最快的选择器是ID选择器 ($('#someid')). 这是因为它直接映射为JavaScript的getElementById()方法。选择单个元素<div id="content"> &
阅读全文
摘要:经常会看到一些文章列表,每个item只显示一两行的文字,然后点击“详细”的时候,再展开文字自己用jq写了一个~var text = $(".content").text(); var textNum = text.length; var textInt = text.slice(0,140); $(".content").each(function () { if (textNum >= 160) { $(this).html(textInt + "..." + "<a class='dis_btn
阅读全文
摘要:关于$(document).ready():jquery中的$(document).ready(),那$(document).ready()到底是什么作用呢?是不是可以用window.onload = function(){ ... }来实现呢?这里,我们要明确二者之间的区别。我们使用window.onload = function(){ ... },是希望在页面被载入时执行function中的处理,但是这些JS代码只有在页面上的全部内容加载完成(包括头部的banner广告,所有图片)的时候才会执行。将window.onload放在最上边的原因就是当你第一次运行codes的时候,HTML
阅读全文
摘要:清理浮动有很多种方式,像使用 br 标签自带的 clear 属,使用无素的 overflow,使用空标签来设置 clear:both 等等。但考虑到兼容问题和语义化的问题,一般我们都会使用如下代码来清理浮动。/* 清理浮动 */.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}.clearfix { zoom:1;}其原理是,在「高级」浏览器中使用 :after 伪类在浮动块后面加上一个非 display:none 的不可见块
阅读全文