1.jquery特殊效果

?

fadeIn() 淡入

$btn.click(function(){

$('#div1').fadeIn(1000,'swing',function(){
??????????? alert('done!');
??????? });

});

fadeOut() 淡出
fadeToggle()切換淡入淡出
hide()隱藏元素
show() 顯示元素
toggle() 切換元素的可見狀態
slideDown() 向下展開
slideUp() 向上卷起
slideToggle()依次展開或卷起某個元素

?

?

2.尺寸相關,滾動事件

?

1、獲取和設置元素的尺寸

width()、height()??????????? 獲取元素width和height?
innerWidth()、innerHeight()? 包括padding的width和height?
outerWidth()、outerHeight()? 包括padding和border的width和height?
outerWidth(true)、outerHeight(true)??包括padding和border以及margin的width和height

?

2、獲取元素相對頁面的絕對位置

? offset();
? 獲取元素的lefttop,位置

?

1.瀏覽器的寬高:$(window).width();

2.文檔的寬高:$(document).width();

3.獲取頁面滾動的距$(document).scrollTop();$(document).scrollLeft();

4.監聽頁面滾動距離$(window).scroll(function(){? })

?

?

3.jquery循環

?

對jquery選擇的對象集合分別進行操作，需要用到jquery循環操作，此時可以用對象上的each方法：

?

?$(function(){
?? ?$('.listli').each(function(i){
??????? $(this).html(i);
??? })
})
......
<ul class="list">
??? <li></li>
??? <li></li>
??? <li></li>
??? <li></li>
??? <li></li>
???<li></li>
</ul>

?

4.回到頂部固定寫法：

?

$("html,body").animate({"scrollTop":0})

?

總結

以上是生活随笔為你收集整理的Jquery特殊效果的全部內容，希望文章能夠幫你解決所遇到的問題。

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