Dans jQuery : exemple d'utilisation du sélecteur sélectionné-js tutoriel-php.cn

Maison

interface Web

js tutoriel

Dans jQuery : exemple d'utilisation du sélecteur sélectionné

May 16, 2016 pm 04:22 PM

jquery 用法选择器

Cet article présente principalement l'utilisation du sélecteur sélectionné dans jQuery, et analyse la fonction et la définition du sélecteur sélectionné ainsi que les compétences d'utilisation pour faire correspondre les éléments <option> sélectionnés. Les amis qui en ont besoin peuvent s'y référer

L'exemple de cet article décrit l'utilisation de:selected selector dans jQuery. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Ce sélecteur peut correspondre à l'élément <option>

Structure grammaticale :

$(&quot;:selected&quot;)

Copier après la connexion

Ce sélecteur peut être utilisé conjointement avec d'autres sélecteurs, tels que des sélecteurs de classe, des sélecteurs d'éléments, etc. . attendez. Par exemple :

$(&quot;.myselect :selected&quot;).css(&quot;color&quot;,&quot;red&quot;)

Copier après la connexion

Le code ci-dessus peut définir la couleur du texte dans l'élément <option> sélectionné sous l'élément nommé myselect sur rouge. Tout le monde doit faire attention au code ci-dessus. Les deux sélecteurs sont séparés par des espaces. S'il n'y a pas d'espaces, il devient un sélecteur d'attribut composite et la signification du code devient le nom de la classe. . est myselect et la couleur de la police dans l'élément <option>

Exemple de code :

<!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>

Copier après la connexion

Ce qui précède est l'intégralité du contenu de ce chapitre. J'espère qu'il sera utile à la programmation jQuery de chacun. , pour plus de didacticiels connexes, veuillez visiter le

Tutoriel vidéo jQuery !

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn