本篇內(nèi)容介紹了“jquery如何修改td寬度”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

公司主營(yíng)業(yè)務(wù)：成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站、成都外貿(mào)網(wǎng)站建設(shè)公司、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)建站是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。創(chuàng)新互聯(lián)建站推出岳西免費(fèi)做網(wǎng)站回饋大家。

3種方法：1、用“$("td").width(寬度數(shù)值)”語(yǔ)句，設(shè)置td元素的寬度。2、用“$("td").css("width","寬度值")”語(yǔ)句，給td元素添加寬度樣式。3、用“$("td").css("width","寬度值")”。

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

jquery中有多種方法可以修改元素的寬度：

• width()

• css()

• attr()

下面給大家介紹一下。

1、使用width()

width() 方法設(shè)置匹配元素的寬度。

	
		
		
		
	

	
		
			
				商品
				價(jià)格
			
			
				T恤
				￥100
			
			
				牛仔褂
				￥250
			
			
				牛仔庫(kù)
				￥150
			
		

		修改td寬度
	

2、使用css()

使用css()給td元素添加width樣式

$(document).ready(function() {
	$("button").click(function() {
		$("td").css("width","100px"); 
	});
});

3、使用attr()

利用attr()控制style屬性值，給td元素添加width樣式

$(document).ready(function() {
	$("button").click(function() {
		$("td").attr("style","width:150px");
	});
});

“jquery如何修改td寬度”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！