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）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。