In jQuery: Beispiel für die Verwendung ausgewählter Selektoren-js-Tutorial-php.cn

Heim

Web-Frontend

js-Tutorial

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