亚洲最大看欧美片,亚洲图揄拍自拍另类图片,欧美精品v国产精品v呦,日本在线精品视频免费

  • 站長(zhǎng)資訊網(wǎng)
    最全最豐富的資訊網(wǎng)站

    怎么使用jquery改變div高度

    3種方法:1、用“$("div").height(高度值)”,設(shè)置新的高度值;2、用“$("div").css("height","高度值")”,添加新高度樣式;3、用“$("div").attr("style","height:值")”。

    怎么使用jquery改變div高度

    本教程操作環(huán)境:windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。

    jquery中有多種方法可以修改元素的高度:

    • height()

    • css()

    • attr()

    1、使用height()修改div高度

    height() 方法可以設(shè)置匹配元素的高度。語(yǔ)法:

    $("div").height(高度值)

    示例:

    <!DOCTYPE html> <html> 	<head> 		<meta charset="utf-8" /> 		<script src="js/jquery-1.10.2.min.js"></script> 		<script> 			$(document).ready(function() { 				$("#but1").click(function() { 					$("div").height("30px"); 				}); 				$("#but2").click(function() { 					$("div").height("100px"); 				}); 			}); 		</script> 		<style> 			div{ 				height: 60px; 				background-color: #FFC0CB; 			} 		</style> 	</head> 	<body>  		<div> 			一個(gè)div元素,高度60px 		</div> 		<br> 		<button id="but1">減小div高度</button> 		<button id="but2">增大div高度</button> 	</body> </html>

    怎么使用jquery改變div高度

    2、使用css()修改div高度

    使用css()給td元素添加height樣式,語(yǔ)法:

    $("div").css("height","高度值");

    示例:在方法1示例的基礎(chǔ)上修改

    $(document).ready(function() { 	$("button").click(function() { 		$("div").css("height","40px"); 	}); });

    怎么使用jquery改變div高度

    3、使用attr()修改div高度

    利用attr()控制style屬性值,給td元素添加height樣式。語(yǔ)法:

    $("div").attr("style","height:高度值")

    示例:在方法1示例的基礎(chǔ)上修改

    $(document).ready(function() { 	$("button").click(function() { 		$("div").attr("style","height:100px") 	}); });

    怎么使用jquery改變div高度

    【推薦學(xué)習(xí):jQuery視頻教程、web前端視頻】

    贊(0)
    分享到: 更多 (0)
    網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)