关于jQuery/JS/CSS的一些问题

bind与live的区别:live是bind的变种,live可以为以后动态生成的标签绑定事件,而bind不可以。

阻止冒泡事件：$(选择器).bind(事件,function(e){e. preventDefault();});

关于鼠标移入移出阻止冒泡：使用mouseenter和mouseleave即可(注：若依然触发多次，可尝试将该div的overflow设置为hidden)

 

关于is()函数：主要用来判断元素是否可见、隐藏、选中…

                                     事例：$(选择器).is(“:checked/:visible/:text/选择器/匿名函数(要返回true或false)”)

 

Table在div中垂直居中:table加入:margin:0 auto;

 

设置tr间距：给tr设置height即可

 

Span在div中垂直居中：设置div的line-height等于其height即可。

 

页面打印：window.print();

页面关闭：window.close();

 

设置背景图片铺满：background-size:cover;

 

给div加滚动条:overflow:scroll;

 

Div垂直居中：将要垂直居中的div的margin:0auto;

Div水平居中:将要水平居中的div的display:inline-block; vertical-align:middle;

页面刷新：window.location.reload();

为动态生成的元素添加事件：$(选择器).live(事件,function(){});

 

关于鼠标移入更换背景图片会闪一下的原因及解决方案

原因:鼠标移入更改背景图片,此时图片还没有从服务器下载下来,会从服务器下载图片,所以会闪一下,

解决方案:添加一个隐藏的img标签即可。

 

关于给tr添加border无效的解决方案:给table添加border-collapse:collapse;即可

 

关于行内元素(a、span)超出指定宽度用三个点表示的解决方案：

display:block;

     float:left;

     width:500px;

     overflow:hidden;

     white-space:nowrap;

     text-overflow:ellipsis;

 

移除iframe边框和滚动条

添加属性:

frameborder="no"

border="0"

marginwidth="0"

marginheight="0"

scrolling="no"

allowtransparency="yes"

 

获取屏幕/可见区域 宽高

网页可见区域宽： document.body.clientWidth

网页可见区域高： document.body.clientHeight

屏幕分辨率的高： window.screen.height

屏幕分辨率的宽： window.screen.width

 

关于ul高度不能撑起的解决方案

Ul内li一旦浮动,那么ul高度就为0,解决方法:给ul添加overflow:auto;zoom:1;