In jQuery: Beispiel für die Verwendung ausgewählter Selektoren
May 16, 2016 pm 04:22 PMIn diesem Artikel wird hauptsächlich die Verwendung des ausgewählten Selektors in jQuery vorgestellt und die Funktion und Definition des ausgewählten Selektors sowie die Verwendungsfähigkeiten ausgewählter <option>-Elemente analysiert.
Das Beispiel in diesem Artikel beschreibt die Verwendung von:selected selector in jQuery. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:
Dieser Selektor kann mit dem ausgewählten <option> übereinstimmen.
Grammatikstruktur:
$(":selected")
Dieser Selektor kann in Verbindung mit anderen Selektoren wie Klassenselektoren, Elementselektoren usw. verwendet werden . Warten. Zum Beispiel:
$(".myselect :selected").css("color","red")
Der obige Code kann die Textfarbe im ausgewählten <option>-Element unter dem Element mit dem Namen „myselect“ auf Rot setzen. Jeder muss auf den obigen Code achten. Zu diesem Zeitpunkt handelt es sich um einen Nachkommenselektor. Wenn kein Leerzeichen vorhanden ist, wird die Bedeutung des Codes zum Klassennamen . ist myselect und die Schriftfarbe im ausgewählten <option>
Beispielcode:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.jb51.net/" /> <title>脚本之家</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".myselect :selected").css("color","red") }); </script> </head> <body> <ul> <li> <select name="myselect" class="myselect"> <option>html专区</option> <option>ASP专区</option> <option selected="selected">JQuery专区</option> </select> </li> </ul> </body> </html>
Das Obige ist der gesamte Inhalt dieses Kapitels. Ich hoffe, dass es für die jQuery-Programmierung hilfreich ist. Weitere verwandte Tutorials finden Sie unter jQuery-Video-Tutorial!

Heißer Artikel

Hot-Tools-Tags

Heißer Artikel

Heiße Artikel -Tags

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Wie verwende ich die PUT-Anfragemethode in jQuery?

Wie entferne ich das Höhenattribut eines Elements mit jQuery?

Ausführliche Erklärung und Einführung in die Verwendung der MySQL-ISNULL-Funktion

jQuery-Tipps: Ändern Sie schnell den Text aller a-Tags auf der Seite

Verwenden Sie jQuery, um den Textinhalt aller a-Tags zu ändern

Korrekte Verwendung der POST-Anfrage in PHP

Verstehen Sie die Rolle und Anwendungsszenarien von eq in jQuery
