jQueryでCSSスタイルを削除するにはどうすればよいですか?-jsチュートリアル-php.cn

jQueryでCSSスタイルを削除するにはどうすればよいですか?

青灯夜游

リリース： 2020-11-20 16:50:56

オリジナル

14830 人が閲覧しました

CSS スタイルを削除する Jquery メソッド: 1. attr() または css() メソッドを使用して css 属性値を空に設定し、単一の CSS スタイルを削除します; 2. RemoveAttr() メソッドを使用して削除します選択した要素からの属性の削除属性の削除; 3. 選択した要素から属性を削除するには、removeClass() メソッドを使用します。

jQueryでCSSスタイルを削除するにはどうすればよいですか?

関連する推奨事項: 「jQuery ビデオチュートリアル」

jquery の CSS スタイルの削除

1. attr() メソッドまたは css() を使用して、単一の CSS スタイルを削除します

attr() メソッドは属性と値を設定できます選択した要素の、一致する要素に対して 1 つ以上の属性/値のペアを設定できます。

attr() を使用して CSS スタイルを削除する場合は、属性値を空に設定できます。

例:

$("#show").attr("style","");

ログイン後にコピー

css() メソッドは、選択した要素の 1 つ以上のスタイル属性を設定できます。

css() を使用して CSS スタイルを削除する場合は、属性値を空に設定できます。

例:

$("#show").css("style","");

ログイン後にコピー

2.removeAttr() メソッドを使用して CSS スタイルを削除します

removeAttr() メソッドは、CSS スタイルから 1 つ以上の要素を削除します。選択された要素の属性。

文法

$(selector).removeAttr(attribute)

ログイン後にコピー

例:

$("#tab1").removeAttr("style","");

ログイン後にコピー

3.removeClass()メソッドを使用してCSSスタイルを削除します

removeClass()メソッドfrom 選択した要素から 1 つ以上のクラスを削除します。

注: パラメーターが指定されていない場合、このメソッドは選択した要素からすべてのクラスを削除します。

例: すべての

要素から「intro」クラスを削除します:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$("button").click(function(){
		$("p").removeClass("intro");
	});
});
</script>
<style type="text/css">
.intro{
	font-size:120%;
	color:red;
}
</style>
</head>
<body>

<h1>这是一个标题</h1>
<p class="intro">这是一个段落。</p>
<p class="intro">这是另一个段落。</p>
<button>移除所有P元素的"intro"类</button>

</body>
</html>

ログイン後にコピー

プログラミング関連の知識について詳しくは、プログラミングビデオコースをご覧ください。！

以上がjQueryでCSSスタイルを削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。