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

發(fā)布時(shí)間：2022-08-16 09:34:00 來源：億速云閱讀：238 作者：iii 欄目：web開發(fā)

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

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

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

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

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

$(selector).removeAttr(attribute)

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

只需要將attribute參數(shù)設(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屬性的值設(shè)置為空

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

$(selector).attr(attribute,value)

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

只需要將該函數(shù)的第一個(gè)參數(shù)設(shè)置為style，第二個(gè)參數(shù)設(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)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會(huì)為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

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

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽