整理前端css/js/jq常见问题及解决方法（3）

jq：

1、prepend(参数);//将参数内容前置再某元素内部;

eg:

<div id="div1">奇妙能力歌</div>

$("#div1").prepend("<a href='#'>陈粒</a>");

//得出结果：<div id="div1"><a href='#'>陈粒</a>奇妙能力歌</div>

2、

outerHeight(boolean)

outerHeight(false);//不计算元素的margin值计算padding和border

outerHeight(true);//计算元素的margin值

3、delay(time);延迟;

eg:$("#div1").delay(300).show();//该元素延迟300ms再执行显示;

4、设置滚动条动态滑动

$(document).scrollTop();//滚动条高度

$("body").animate({scrollTop : 500px},500);

5、打开新窗口

window.open("url");

6、同个类名绑定多个事件，用连写方法

eg:

$("#focus").keydown(function(){

//xx

}).focus(function(){

//xxx

});

7、雪碧背景图

.icon icon-1
<span class="icon icon-1"></span>
.icon{background:url('') no-repeate;}
.icon-1{background-position:-24px -100px;}
背景图显示不出，
解决：
.icon{background-image:url('');background-repeate:no-repeate;}
.icon-1{background-position:-24px -100px;}

8、界面中

若<div><a><img /></a><a><img /></a></div>
a标签里面有img标签，img高度为88，但实际上div的高度为92，“幽林空白节点”
解决方法：给img标签添加vertical-align:middle;或者img{display:block;}a{font-size:0;}

兼容性：

ie7:要让overflow:hidden;有效，需要再其父元素加 position:relative;

转载于:https://www.cnblogs.com/ss977/p/6763757.html

整理前端css/js/jq常见问题及解决方法（3）相关推荐

css防止高度塌陷,css之高度塌陷及其解决方法
浅谈清除浮动的多种方式(clearfix) 1.什么是浮动 ? 是否脱离文档流? 1.普通流定位 static(默认方式) 普通流定位,又称为文档流定位,是页面元素的默认定位方式页面中的块级元素 ...
移动端页面inputfile打不开_移动端input“输入框”常见问题及解决方法
转自 https://www.cnblogs.com/ljx20180807/p/9837748.html 1. ios中,输入框获得焦点时,页面输入框被遮盖,定位的元素位置错乱: 当页input存在 ...
gridreport5.6如何设置打印3次_转载一篇文章奔图打印机常见问题以及解决方法
相信第一次使用奔图打印机的朋友们一定会遇到这样问题:如何安装驱动?无线网络怎么设置?身份证如何复印?卡纸如何取出?....眼看打印机使用不了,小编特意汇总整理了奔图打印机常见问题的解决方法,直接点击相 ...
三方协议接收节点不存在_三方协议扣款常见问题及解决方法
三方协议扣款常见问题及解决方法要看填写的用人单位名称是否与单位的有效印鉴名称一致,如不一致,协议无效:填写自己的`专业名称时,要与学校教务处的专业名称一致,不能简写.接下来由小编为大家整理出三方协议 ...
4W家庭理财常见问题及解决方法
我将在这个帖子中整理出4W家庭理财常见问题及解决方法. 问题一. Exception EOleSysError 打不到指定的模块解决方法: 1.与正常电脑比较,检查目录C:\Program File ...
css+js+jq实训笔记
css+js+jq实训笔记 css第一天 css第二天 css第三天 css第四天 css第五天 css第六天 js第一天 js第二天 js第三天 js第四天 js第五天 js第六天 jq第一天 jq ...
SpringMVC 静态资源CSS，JS访问不了解决方法
SpringMVC 静态资源CSS,JS访问不了解决方法参考文章: (1)SpringMVC 静态资源CSS,JS访问不了解决方法 (2)https://www.cnblogs.com/peiy ...
Firefox 使用常见问题和解决方法
Firefox 使用常见问题和解决方法 Firefox 使用常见问题和解决方法问题多了不免找的眼花,来按下Ctrl+F输入你要找的关键词看看? ★☆------------------------- ...
video.js视频高度自适应解决方法
video.js视频高度自适应解决方法 1.引入两个外部文件,或者下载到本地 <link href="https://unpkg.com/video.js/dist/video-js. ...

整理前端css/js/jq常见问题及解决方法（3）

整理前端css/js/jq常见问题及解决方法（3）相关推荐

最新文章

热门文章