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参数进行动画,只针对数字式数据,颜色无法变
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章