jquery如何去除float屬性

發(fā)布時(shí)間：2022-05-16 16:25:43 來源：億速云閱讀：240 作者：iii 欄目：web開發(fā)

本文小編為大家詳細(xì)介紹“jquery如何去除float屬性”，內(nèi)容詳細(xì)，步驟清晰，細(xì)節(jié)處理妥當(dāng)，希望這篇“jquery如何去除float屬性”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學(xué)習(xí)新知識(shí)吧。

兩種方法：1、用css()設(shè)置float屬性，將值改為“none”，語(yǔ)法“元素.css("float","none")”。2、用attr()控制style屬性，設(shè)置新樣式，語(yǔ)法“元素.attr("style","float:none")”。

jquery如何去除float屬性

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

float屬性用于指定一個(gè)盒子（元素）是否應(yīng)該浮動(dòng)。

當(dāng)該屬性的值為none即可不起作用（元素不浮動(dòng)，并會(huì)顯示在其在文本中出現(xiàn)的位置。）。

在jquery中，可以通過將該屬性的值設(shè)置為none，來去除float屬性。

下面介紹兩種方法：

1、使用css()

css()方法返回或設(shè)置匹配的元素的一個(gè)或多個(gè)樣式屬性。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					$("img").css("float","none");
				});
			});
		</script>
		<style>
		img 
		{
			float:right;
		}
		</style>
	</head>

	<body class="ancestors">
		<p>在下面的段落中，我們添加了一個(gè) <b>float:right</b> 的圖片。導(dǎo)致圖片將會(huì)浮動(dòng)在段落的右邊。</p>
		<p>
		<img src="img/1.jpg" width="95" height="84" />
		這是一些文本。這是一些文本。這是一些文本。
		這是一些文本。這是一些文本。這是一些文本。
		這是一些文本。這是一些文本。這是一些文本。
		這是一些文本。這是一些文本。這是一些文本。
		這是一些文本。這是一些文本。這是一些文本。
		這是一些文本。這是一些文本。這是一些文本。
		這是一些文本。這是一些文本。這是一些文本。
		這是一些文本。這是一些文本。這是一些文本。
		這是一些文本。這是一些文本。這是一些文本。
		這是一些文本。這是一些文本。這是一些文本。
		</p>
		<button>去除float</button>
	</body>

</html>

jquery如何去除float屬性

2、使用attr()

利用attr() 方法控制style屬性，設(shè)置新float樣式

$(document).ready(function() {
	$("button").click(function() {
		$("img").attr("style","float:none");
	});
});

jquery如何去除float屬性

讀到這里，這篇“jquery如何去除float屬性”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。

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

jquery如何去除float屬性

猜你喜歡

最新資訊

相關(guān)推薦

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