communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
problème de sélecteur jq
在路上
在路上 2018-04-10 18:02:48
0
1
1147

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>


在路上
在路上

répondre à tous(1)
时光@记忆
时光@记忆2018-04-11 10:40:18 1 plancher

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.

Comme +0
Ajouter une réponse
Sujets populaires
Plus>
Articles populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal