Heim > Web-Frontend > js-Tutorial > Hauptteil

So verwenden Sie jQuery hasClass()

藏色散人
Freigeben: 2020-11-10 13:54:12
Original
2412 Leute haben es durchsucht

Mit der jQuery-Methode hasClass() wird überprüft, ob das ausgewählte Element den angegebenen Klassennamen enthält. Die Verwendungssyntax lautet „$(selector).hasClass(classname)“. ausgewähltes Element.

So verwenden Sie jQuery hasClass()Empfohlen: „

jquery Video Tutorial

jQuery hasClass() Definition und Verwendung

hasClass() Methode prüft, ob das ausgewählte Element den angegebenen Klassennamen enthält.

Wenn das ausgewählte Element die angegebene Klasse enthält, gibt diese Methode „true“ zurück.

Syntax

$(selector).hasClass(classname)
Nach dem Login kopieren

Parameter

Klassenname erforderlich. Gibt die Klasse an, nach der in den ausgewählten Elementen gesucht werden soll.

Instance

Überprüfen Sie, ob das

-Element die Klasse „intro“ enthält:

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

<h1>这是一个段落标题</h1>
<p class="intro">这是一个段落</p>
<p> 这是另外一个段落</p>
<button>是否有 p 元素使用了 "intro" 类?</button>

</body>
</html>
Nach dem Login kopieren

Laufeffekt:

Das obige ist der detaillierte Inhalt vonSo verwenden Sie jQuery hasClass(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage