jquery如何清除行內(nèi)樣式屬性

今天小編給大家分享一下jquery如何清除行內(nèi)樣式屬性的相關知識點，內(nèi)容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

創(chuàng)新互聯(lián)建站自2013年創(chuàng)立以來，是專業(yè)互聯(lián)網(wǎng)技術服務公司，擁有項目網(wǎng)站制作、成都網(wǎng)站建設網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元瑞昌做網(wǎng)站,已為上家服務,為瑞昌各地企業(yè)和個人服務,聯(lián)系電話:028-86922220

兩種清除方法：1、用removeAttr()從匹配元素中移除style屬性，只需要將該函數(shù)的參數(shù)值設置為“style”即可，語法“指定元素.removeAttr("style")”。2、用attr()將style屬性的值設置為空，只需要將該函數(shù)的第一個參數(shù)的值設置為“style”，第二個參數(shù)的值設置為空字符串即可，語法“指定元素.attr("style","")”。

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

HTML的行內(nèi)樣式屬性都是寫在style屬性內(nèi)的。

換句話說，控制style屬性的值，就可控制行內(nèi)樣式。

因此利用query清除行內(nèi)樣式屬性，就是去除style屬性，或者將style屬性的值設置為空字符。

jquery清除CSS行內(nèi)樣式屬性的兩種方法

方法1：使用removeAttr()移除style屬性

removeAttr()可以從所有匹配的元素中移除指定的屬性。

$(selector).removeAttr(attribute)

attribute：必需。規(guī)定從指定元素中移除的屬性。

只需要將attribute參數(shù)設置為style即可。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-3.6.0.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					$("ul").removeAttr("style");
				})
			})
		</script>
	</head>
	<body>
		<ul style="border: 1px solid red;color:red;">
			<li>香蕉</li>
			<li>蘋果</li>
			<li>梨子</li>
			<li>橘子</li>
		</ul>
		<button>ul移除行內(nèi)樣式</button>
	</body>
</html>

jquery如何清除行內(nèi)樣式屬性

方法2：使用attr()將style屬性的值設置為空

attr() 方法可以設置被選元素的屬性和值。

$(selector).attr(attribute,value)

參數(shù)	描述
attribute	規(guī)定屬性的名稱。
value	規(guī)定屬性的值。

只需要將該函數(shù)的第一個參數(shù)設置為style，第二個參數(shù)設置為空字符串''即可。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-3.6.0.min.js"></script>
		<script>
			$(function() {
				$("button").click(function() {
					$("ul").attr("style","");
				})
			})
		</script>
	</head>
	<body>
		<ul style="border: 1px solid red;color:red;">
			<li>香蕉</li>
			<li>蘋果</li>
			<li>梨子</li>
			<li>橘子</li>
		</ul>
		<button>ul移除行內(nèi)樣式</button>
	</body>
</html>

jquery如何清除行內(nèi)樣式屬性

以上就是“jquery如何清除行內(nèi)樣式屬性”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當前文章：jquery如何清除行內(nèi)樣式屬性
文章位置：http://muchs.cn/article46/iiojhg.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供移動網(wǎng)站建設、網(wǎng)站制作、網(wǎng)站收錄、外貿(mào)建站、服務器托管、網(wǎng)頁設計公司

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容