jQuery尺寸定义是一种用于指定元素的大小的方法,它可以用来设置元素的宽度、高度、内边距和外边距。jQuery尺寸定义可以使用CSS样式表中的属性来指定,也可以使用JavaScript代码来指定。
// 使用CSS样式表中的属性来指定元素的大小 $("#myElement").css({ width: "200px", height: "100px", padding: "10px", margin: "20px" }); // 使用JavaScript代码来指定元素的大小 $("#myElement").width(200); // 设置元素的宽度为200px $("#myElement").height(100); // 设置元素的高度为100px $("#myElement").css("padding", "10px"); // 设置元素的内边距为10px $("#myElement").css("margin", "20px"); // 设置元素的外边距为20px
通过 jQuery,很容易处理元素和浏览器窗口的尺寸。
jQuery 提供多个处理尺寸的重要方法:
width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。
height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。
下面的例子返回指定的 <div> 元素的宽度和高度:
innerWidth() 方法返回元素的宽度(包括内边距)。
innerHeight() 方法返回元素的高度(包括内边距)。
下面的例子返回指定的 <div> 元素的 inner-width/height:
outerWidth() 方法返回元素的宽度(包括内边距和边框)。
outerHeight() 方法返回元素的高度(包括内边距和边框)。
下面的例子返回指定的 <div> 元素的 outer-width/height:
提示:outerWidth(true) 方法返回元素的宽度(包括内边距、边框和外边距);outerHeight(true) 方法返回元素的高度(包括内边距、边框和外边距)。
jQuery Treeview jQuery Treeview 插件用于把一个无序列表改为一个可扩展的可折叠的树,有利于导航。该插件支持位置和基于 cooki...
在jQuery中可以实现许多效果,在本教程的“jQuery 效果”部分我们已经介绍了一小部分,在本节中,我们继续来看看jQuery中还具有...
CSS3 word-break 属性实例 在合适的点换行:p.test {word-break:break-all;}浏览器支持表格中的数字表示支持该属性的第一个浏览...
CSS3 :nth-of-type() 选择器完整CSS选择器参考手册定义和用法:nth-of-type(n)选择器匹配同类型中的第n个同级兄弟元素。参数是元...