Heim > Web-Frontend > js-Tutorial > jQuery verwendet die Methode hide, um die Verwendung des angegebenen Elementklassenstils example_jquery auszublenden

jQuery verwendet die Methode hide, um die Verwendung des angegebenen Elementklassenstils example_jquery auszublenden

WBOY
Freigeben: 2016-05-16 16:07:02
Original
2145 Leute haben es durchsucht

Dieser Artikel beschreibt das Beispiel von jQuery, bei dem die Methode hide verwendet wird, um die Klassenstilverwendung bestimmter Elemente auszublenden. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

Der folgende JS-Code kann alle Elemente ausblenden, deren Klassenattribut gleich test ist

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
  $(".test").hide();
 });
});
</script>
</head>
<body>
<h2 class="test">This is a heading</h2>
<p class="test">This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>
Nach dem Login kopieren

Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.

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