Heim Web-Frontend js-Tutorial In jQuery: Beispiel für die Verwendung ausgewählter Selektoren

In jQuery: Beispiel für die Verwendung ausgewählter Selektoren

May 16, 2016 pm 04:22 PM
jquery 用法 选择器

In 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:

$(&quot;:selected&quot;)
Nach dem Login kopieren

Dieser Selektor kann in Verbindung mit anderen Selektoren wie Klassenselektoren, Elementselektoren usw. verwendet werden . Warten. Zum Beispiel:

$(&quot;.myselect :selected&quot;).css(&quot;color&quot;,&quot;red&quot;)
Nach dem Login kopieren

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(){ 
  $(&quot;.myselect :selected&quot;).css(&quot;color&quot;,&quot;red&quot;) 
}); 
</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>
Nach dem Login kopieren

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!

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

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie verwende ich die PUT-Anfragemethode in jQuery? Wie verwende ich die PUT-Anfragemethode in jQuery? Feb 28, 2024 pm 03:12 PM

Wie verwende ich die PUT-Anfragemethode in jQuery?

Wie entferne ich das Höhenattribut eines Elements mit jQuery? Wie entferne ich das Höhenattribut eines Elements mit jQuery? Feb 28, 2024 am 08:39 AM

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

Ausführliche Erklärung und Einführung in die Verwendung der MySQL-ISNULL-Funktion Ausführliche Erklärung und Einführung in die Verwendung der MySQL-ISNULL-Funktion Mar 01, 2024 pm 05:24 PM

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 jQuery-Tipps: Ändern Sie schnell den Text aller a-Tags auf der Seite Feb 28, 2024 pm 09:06 PM

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

Verwenden Sie jQuery, um den Textinhalt aller a-Tags zu ändern Verwenden Sie jQuery, um den Textinhalt aller a-Tags zu ändern Feb 28, 2024 pm 05:42 PM

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

Korrekte Verwendung der POST-Anfrage in PHP Korrekte Verwendung der POST-Anfrage in PHP Mar 27, 2024 pm 03:15 PM

Korrekte Verwendung der POST-Anfrage in PHP

Verstehen Sie die Rolle und Anwendungsszenarien von eq in jQuery Verstehen Sie die Rolle und Anwendungsszenarien von eq in jQuery Feb 28, 2024 pm 01:15 PM

Verstehen Sie die Rolle und Anwendungsszenarien von eq in jQuery

Wie verwende ich die Schlaffunktion? Wie verwende ich die Schlaffunktion? Mar 20, 2024 am 08:37 AM

Wie verwende ich die Schlaffunktion?

See all articles