recherche

Maison  >  Questions et réponses  >  le corps du texte

problème de sélecteur jq

Exemple ci-dessous. Pourquoi 234 ne prend-il pas effet en js,


<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

< title> 1-Sélecteur de base</title>

<style type="text/css">

table, td {

border:1px solid #333;

}

table {

border- effondrement : effondrement ;

marge : 30 px auto ;

largeur : 80 %;

alignement du texte : centre;

}

légende du tableau {

taille de la police : 1,5 em;

marge inférieure : 15 px ;

}

.bg-orange {

font-weight: bolder;

color: blanc;

background-color: orange;

}

</style>

</head>

td>

d>02</td> ;


</tr>

<tr>

<td>01</td>

& lt;td>02<


t;

<td> ;03</td>

</tr>

<tr>

<td>01</td>


<td>02</td>

<td>03 ≪/ td>

</tr>

< ;/table>


</body>

</html>

<!--

1 Les sélecteurs dans jquery sont essentiellement. les mêmes que ceux du CSS, ce qui permet aux développeurs familiarisés avec le CSS de maîtriser rapidement

2 La plupart des sélecteurs CSS peuvent être utilisés directement dans jquery

3. , ou sélecteurs d'entrée, sélecteurs simples, la fonction est de jquery Fournit

éléments de premier niveau pour les filtres suivants à utiliser. Il existe quatre catégories principales : tag, id, class, *

-->

. <script type="text/javascript" src="jquery-3.3.1.js"></script>

<script type="text/javascript">

//1. selector

$('td') .css('backgroundColor','wheat')

//2.id selector

//Supprimez l'arrière-plan sur td, sinon il sera superposé et couvert

$('#title').css( 'backgroundColor','lightgreen')

//3.class sélecteur de classe

$('.mark').addClass('bg-orange')

//4.*pass Avec sélecteur

$('tr:nth-child(3) ~ *').css('backgroundColor', 'pink')

</script>


在路上在路上2421 Il y a quelques jours1130

répondre à tous(1)je répondrai

  • 时光@记忆

    时光@记忆2018-04-11 10:40:18

    1. En js, le sélecteur de balises en 1 a une priorité plus élevée. Commentez-le simplement 2. La classe de marque en 2 n'est pas ajoutée à la structure DOM.

    répondre
    0
  • Annulerrépondre