lzf的博客

jQuery为开发插件提拱了两个方法，分别是： jQuery.fn.extend(object);jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。jQuery.fn.extend(object);给jQuery对象添加方法。  fn 是什么

所谓CSS优先级，即是指CSS样式在浏览器中被解析的先后顺序。内联样式(inline style) > ID选择符 > 类选择符(class), 伪类(pseudo-class)和属*(attribute)选择符 > 类别(type)，伪对象(pseudo-element)一,解释：*内联样式(inline style)：元素的style属*，比如 ,其中的color:r

document.frames指的是本页面有iframe内置框架，或许有多个，var frm = document.frames;就是获得本页面所有子框架页面的集合，一般在父页面的JS里用，而window.parent.frames指的是父页面所有框架的集合，一般是在子页面的JS里用。

原文链接：http://zhidao.baidu.com/link?url=gs2i1dCSuWNQORuLlk2fqRpNxIfZ-ZhKladA34to5_itc46VvBdOWn2bqNAAC-5Tc3t9yF96s84XrYdQoQGI5TWnXrNjuQJ1340jbsEoOKK【浮动产生负作用 】1、背景不能显示由于浮动产生，如果对父级设置了（CSS backgro

永生花专区 >>.banner-link {  font-family: tahoma, arial, 'Hiragino Sans GB', '\5FAE\8F6F\96C5\9ED1', sans-serif;  font-size: 18px;  line-height: 48px;  display: block;  width: 194px;

关于默认元素在不同浏览器中的margin值是多少的问题，今天做了一个探讨复制代码代码如下:// body的margin值 firefox 20.0 ----------------------- body的margin为: margin:8px 8px 8px 8px; Internet Explorer 6.0 ----------- body的margin为:

1、ul要设置margin和padding如果不设置ul的margin和padding，得出来的结果是这样的因为ul的默认padding为: padding:0 0 0 40px;所以列表的左外边距为40px设置margin: 0px;  padding: 0px;后，得出的结果为设置列表项（li元素）的宽度，使他们的宽度之和等于div的宽度设置text

li:hover+空格+子元素，可以操作子元素的样式#second {display: none;}.div01 ul li:hover #second {display: block;}.div01 ul li:hover {background-color: #3F9;}.div01 ul li ul li {background

margin用于设置对象标签之间距离间隔，比如2个上下排列的DIV盒子，我们就可以使用margin样式实现上下2个盒子间距。其实说白了padding就是内容与边框的空隙.而margin 则是模块与模块的空隙.下面图解:margin 与 padding 得盒子模型图解

Float常跟属性值left、right、noneFloat:none 不使用浮动Float:left 靠左浮动Float:right 靠右浮动Float浮动用于设置对象靠左与靠右浮动样式，可以实现我们所需要的让DIV、SPAN等标签居左居右浮动。简单使用语法div{float:left} /* css注释：设置div对象浮动靠左（left） */ di

什么是JS事件冒泡？ 在一个对象上触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，直至它被处理（父级对象所有同类事件都将被激活），或者它到达了对象层次的最顶层，即document对象（有些浏览器是window）。如何来阻止J

引用1.this和event.target的区别： js中事件是会冒泡的，所以this是可以变化的，但event.target不会变化，它永远是直接接受事件的目标DOM元素； 2.this和event.target都是dom对象，如果要使用jquey中的方法可以将他们转换为jquery对象：$(this)和$(event.target); eg: Js代码 

后代选择器h1 em 选择器可以解释为 “作为 h1 元素后代的任何 em 元素有关后代选择器有一个易被忽视的方面，即两个元素之间的层次间隔可以是无限的。例如，如果写作 ul em，这个语法就会选择从 ul 元素继承的所有 em 元素，而不论 em 的嵌套层次多深。.div01 ul li { height: 50px; width: 1

jquery的类选择器和ID选择器不是万能的对于那些没有设置类样式又没有设置ID的标签来说children(),       适用于父元素有设置类样式或设置IDfind()              在查询深度为一级的时候，find()和children()有相同之处，但区别就在于：find()是子查询选择器，它可以深入到子级的下层进行查询选择；而children():

siblings() 方法返回被选元素的所有同胞元素。被选元素不包含在同胞元素中siblings()方法详情看：http://www.w3school.com.cn/jquery/traversing_siblings.asp更多遍历同胞元素看：http://www.w3school.com.cn/jquery/jquery_traversing_siblings.asp

原文链接：http://www.jb51.net/css/363285.htmlat-rule是一个声明，为CSS提供执行或怎么表现的指令。每个声明以@开头,后紧跟一个可用的关键字，这个关键字充当一个标识符，用于表示CSS该做什么。这是一个通用的语法，尽管每个at-rule有其它语法变体。常规规则常规规则遵循下面的语法：       复制代码代码如下:@

jquery的事件处理语句一般是：父元素.on('click', function(event) {event.preventDefault();if( $(event.target).is( 子元素) ) { ........... }});

综合上述，在a中调用js函数最适当的方法推荐使用：a href="javascript:void(0);" onclick="js_method()"a href="javascript:;" onclick="js_method()"a href="#" onclick="js_method();return false;"

参考链接：http://www.w3cplus.com/css/what-no-one-told-you-about-z-index.html在下面的HTML我们写了3个元素，然后每个元素里面都有一个元素，每个元素都有个背景色，并且使用absolute定位，为了能更清楚地看到z-index的效果，我们写了一些其他的样式。第一个元素的z-index值为1，其他两个没有设置。

无标题文档$(function(){ $(".p_one").click(function(){ $(".p_two").toggleClass("red"); //$(this).parent().children(".p_two").toggleClass("red"); }); });.p_one {font-size: 20px;}.p_two {font-si

图片淡入淡出效果的制作逻辑：第一步、position使图片重叠；（在这里只根据元素的添加顺序确定层的优先级，不用z-index）第二步、opacity设置图片的透明度。第三部、keyframes实现改变透明度的动画效果CSS代码：@-webkit-keyframes fadeInOut { 0% { opacity:1; }

css3制作图片轮播其实就是用多张图片制作淡入淡出效果假设用3张图片制作淡入淡出效果假设总时长是12000ms因为有6部分则图2  delay:2000ms图3  delay:6000ms所以就有如下代码：.csslider1 > ul > li.num1 { -webkit-animation: fade 12000ms infin

参考链接：HTML改变label的宽度_百度经验http://jingyan.baidu.com/article/e8cdb32b64198937052badd9.html无标题文档label { width: 150px; height: 100px; background: red; }hello,world!运行的结果是：

一般代码是这样写的无标题文档label { width: 10px; height: 10px; margin::0 6px; background: red; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block;}

当为position: absolute;的效果img{position:absolute;left:0px;top:0px;z-index:-1;}This is a heading由于图像的 z-index 是 -1，因此它在文本的后面出现。修改为position: relative;的效果修改top属性为top:70

1、absolute（绝对定位）absolute是生成觉对定位的元素，脱离了文本流（即在文档中已经不占据位置），参照浏览器的左上角通过top,right,bottom,left（简称TRBL） 定位。可以选取具有定位的父级对象（下文将说到relative与absolute的结合使用）或者body坐标原点进行定位，也可以通过z-index进行层次分级。absolute在没有设定TRBL值时是

基本用法示例：background:#00FF00 url(bgimage.gif) no-repeat fixed top;}属性说明：background:背景色 背景图像 背景图像是否及如何重复 背景图像是否固定或者随着页面的其余部分滚动 背景图像的起始位置背景色color-namecolor-rgbcolor-hextransparent背景

-webkit-box-sizing: border-box;  则div 设置的宽高将包含 边框及 padding    box-sizing            .testdiv{            padding: 10px;;            width:100px;            border: 10px solid

有时，我们想把含有特殊字符的文本内容绑定到html上，以便后续使用如果用html()把该文本内容作为某个html节点的文本内容，这样，浏览器引擎就会解析文本内容，将特殊字符转义或者忽略掉，后续使用时将之提取出来就不是原来的文本内容。如果想要原格式输出文本，用attr()把该文本内容作为某个html节点的属性值...

大家在html中通常会导入一些外部的css、js文件，其中一个比较容易被忽视的问题就是路径问题，有时候，我们在css、js中都有通过路径来引入一张图片的需求，当我们采用相对路径的时候，在css和js中引用图片的相对路径的基准是不一样的。在css中出现的相对路径，是以css文件所在路径为基准的，而js中的路径则是以导入此js的网页文件所在的位置为基准的。   网上有很多文章都描述了这个问题，

使用CSS3 Transforms实现垂直、水平居中垂直实现原理水平垂直居中实现代码.parent {    width: 200px;    height: 200px;    background-color: black;}.child {    position: relative;    height: 100px;

1、设置login_box.login-box { width: 420px; height: 408px; padding: 20px; background-color: #fff;}2、设置login-tabs，底部设置灰色边框.login-box .login-tabs { font-family: tahoma, arial, 'Hiragino San

加入一个li元素包裹了图片，则li元素的宽度应该和图片的宽度一致吗具体数值应该根据什么评判假如有以下代码 爱无止境--66枝紫玫瑰、小熊一只 ￥ 558 假如li元素也设宽度为22

当一个事件传到一个元素上，所有绑定在上面的针对哪个事件的处理函数都会触发。如果注册了多个事件处理函数，总是按照绑定的顺序依次触发。当所有绑定的事件处理函数执行完毕后，事件继续沿着普通的事件冒泡途径上浮。http://blog.sina.com.cn/s/blog_70bcd7c10101kglj.html

点击子元素的时候不触发父元素的点击事件，怎么做-CSDN论坛-CSDN.NET-中国最大的IT技术社区http://bbs.csdn.net/topics/350225189js 遏止子元素事件 冒泡 到 父元素_IT知识问答_希赛网http://www.educity.cn/wenda/47619.html

href='javascript:function()'和onclick能起到同样的效果，一般来说，如果要调用脚本还是在onclick事件里面写代码，而不推荐在href='javascript:function()' 这样的写法，因为 href 属性里面设置了js代码后，在某些浏览器下可能会引发其他不必要的事件。造成非预期效果。        而且 onclick事件会比 href属性先执

flex:1的标签的宽度计算，很悲催的是，他的宽度永远是最后计算的。宽度计算优先级为：width>适应文本内容的宽度>flex:数值　给伸缩项目设置“width”和“height”属性来定义伸缩项目尺寸，而这个伸缩项目是独立于其他伸缩项目。例如，如果我们给主内容(content)设置了一个600px的宽度，不管伸缩容器中有一个、两个或者上百个伸缩项目，主内容的宽度都是600px。

hover加边框或边框加粗元素会抖动

.div { visibility: hidden; opacity: 0; transition: visibility 0s linear 0.5s,opacity 0.5s linear;}.div:hover { visibility: visible; opacity: 0.5; transition-delay: 0s;}在jquery里，

本文和大家重点讨论一下用CSS来表示表格的cellpadding和cellspacing方法，表格的cellpadding和cellspacing我们经常会用一定的方式来清除默认样式，请看下文详细介绍。用CSS来表示表格的cellpadding和cellspacing方法表格的cellpadding和cellspacing我们经常会用如下的方式来清除默认样式：引用tab