关于jQuery/JS/CSS的一些问题
2017-05-03 11:24
477 查看
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;
frameborder="no"
border="0"
marginwidth="0"
marginheight="0"
scrolling="no"
allowtransparency="yes"
网页可见区域高: document.body.clientHeight
屏幕分辨率的高: window.screen.height
屏幕分辨率的宽: window.screen.width
阻止冒泡事件:$(选择器).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;相关文章推荐
- 关于js和jquery的一些问题
- 关于JQUERY动态加载页面时的JS失效的问题
- 关于CSS中的一些问题
- 关于JS的一些实际问题
- 关于jquery.form.js插件的无刷新上传文件使用的问题
- 关于JS的一些问题--要整理
- 关于js或jquery通过ajax传递中文时无法插入mysql数据库的问题
- 关于Master Page的css和js文件引用问题
- 关于css js文件缓存问题
- 关于Eclipse项目中加入jquery-1.x.js文件报错问题
- 关于 IE firefox Chrome下的通过用js 关闭窗口的一些问题
- 关于Master Page的css和js文件引用问题
- 关于HttpModule中像图片,*.css,*.js等资源文件也被请求问题的解决
- 关于更新发布CSS和JS文件的缓存问题
- 关于 IE firefox Chrome下的通过用js 关闭窗口的一些问题
- 关于css的一些问题
- 关于jQuery.query.js 取参数的一个小问题
- 关于CSS+DIV一些兼容问题常见的例子
- 关于js(jquery)获取页面高度宽度问题
- ie6下面关于html编码问题导致的js出错,css不被应用