jQuery元素css尺寸方法

2021-03-31 19:26

阅读:582

标签:idt   cli   outer   包含   txt   高度   尺寸   class   css   

jQuery元素css尺寸方法

jQuery 提供多个处理尺寸的重要方法: width() height() innerWidth() innerHeight() outerWidth() outerHeight()

1,jQuery width() 和 height() 方法

$("button").click(function(){ var txt=""; txt+="div 的宽度是: " + $("#div1").width() + ""; txt+="div 的高度是: " + $("#div1").height(); $("#div1").html("www.96net.com"); });

2,jQuery innerWidth() 和 innerHeight() 方法

$("button").click(function(){ var txt=""; txt+="div 宽度,包含内边距: " + $("#div1").innerWidth() + ""; txt+="div 高度,包含内边距: " + $("#div1").innerHeight(); $("#div1").html("www.96net.com.cn"); });

3,jQuery outerWidth() 和 outerHeight() 方法

$("button").click(function(){ var txt=""; txt+="div 宽度,包含内边距和边框: " + $("#div1").outerWidth() + ""; txt+="div 高度,包含内边距和边框: " + $("#div1").outerHeight(); $("#div1").html("www.96net.com.cn"); });

jQuery元素css尺寸方法

标签:idt   cli   outer   包含   txt   高度   尺寸   class   css   

原文地址:https://www.cnblogs.com/96net/p/12581761.html


评论


亲,登录后才可以留言!