jQuery之尺寸设置与事件及DOM操作

最新推荐文章于 2022-11-17 10:48:39 发布

wzf666

最新推荐文章于 2022-11-17 10:48:39 发布

阅读量378

点赞数 1

分类专栏：总结文章标签： jQuery 事件 DOM 尺寸设置

本文链接：https://blog.csdn.net/qq_41547728/article/details/89006037

版权

本文介绍了jQuery中的尺寸设置、事件处理，包括事件函数、事件绑定、取消绑定、事件触发和自定义事件。同时，详细讲解了事件冒泡的概念以及如何阻止事件冒泡。此外，还探讨了事件委托的原理和优势，它能提高性能并确保新添加的子元素也能响应事件。最后，简要提及了jQuery的DOM操作。

摘要由CSDN通过智能技术生成

尺寸设置

				$('.div_01').width();//获取/设置元素的尺寸
				$('.div_01').height();
				
				$('.div_01').innerWidth();//获取/设置元素的尺寸（包含padding的宽高）
				$('.div_01').innerHeight();
				
				$('.div_01').outerWidth();//获取/设置元素的尺寸（包括padding和border的宽高）
				$('.div_01').outerHeight();
				
				$('.div_01').outerWidth(true);//获取/设置元素的尺寸（包括padding、border和margin的宽高）
				$('.div_01').outerHeight(true);
				
				$('.div_01').offset().top;//获取相对元素的位置
				$('.div_01').offset().left;
				
				$('.div_01').position().top;//获取相对父元素的位置
				$('.div_01').position().left;
				
				$(window).height();//获取可视区的宽高
				$(window).width();
				
				$(document).width();//获取页面的宽高
				$(document).height();
				
				$(document).scrollTop();//获取页面滚动距离
				$(document).scrollLeft();




页面滚动事件（滑轮事件）


$(window).scroll(function(){  
})