jq的部分方法

一、取網頁可視區域的方法

1.獲取可視區寬度
$(window).width();
2.獲取可視區高度
$(window).height();
innerWidth() = padding + width;
outerWidth() = padding + width + border + margin;

二、獲取元素的位置

1.offset()方法
$(window).offset();
獲取元素距離document的距離
//可以用來做邊界檢測

 if ($("div").offset().left == 0){
       console.log("這是邊界")
   }

2.position()方法
$(window).position();
獲取元素距離有定位的父元素的距離

三、jq動畫

1.hide()和show()
	$(window).hide(time); 元素按時間參數進行隱藏
	$(window).show(time);元素按時間參數進行顯示
2.slideUp()  slideDown() 和slideToggle();
	$(window).slideUp(time) ;元素按時間參數滑入
	$(window).slideDown(time) ;元素按時間參數滑出
	$(window).slideToggle(time) ;元素按時間參數切換
3.fadeIn()  fadeOut()和fade Toggle()
	$(window).fadeIn(time) ;元素按時間參數淡入
	$(window).fadeOut(time) ;元素按時間參數淡出
	$(window).fadeToggle(time) ;元素按時間參數切換
4.自定義動畫animate()
	$(window).animate({css},time)
	元素按時間參數和css參數進行動畫，只針對數字式數據，顏色無法變