Dev Faq
6
votes

Quelle est la différence dans les sélecteurs de jQuery?

Voici une liste de sélecteurs que j'ai vus auparavant:

  1. $ ('. MENU')
  2. $ ('menu')
  3. $ ('# menu')

    Quelqu'un pourrait-il clarifier dans quel (s) scénario (s) utiliserait chacun?

2 commentaires

Checkout Ce tut sur les sélecteurs, parfois le meilleur moyen est 2 Voir le code dans Action YouTube.com/watch?v = 7eqi90xyez0 TutorielVid.com/...

Tout ce qui est arrivé à lire le manuel?

7 Réponses :

5
votes

1st trouvailles

2e résultats

3ème recherche

1 commentaires

Et pour être encore plus clair, les règles ne sont pas basées sur CSS. .Menu est une classe CSS, mais les sélecteurs analysent le DOM avec JavaScript. Les deux autres n'ont rien à voir avec CSS.

13
votes

  1. $ ('. MENU') ... Sélectionnez Éléments avec Class = 'Menu'

  2. $ ('menu') ..... Sélectionnez

    ÉLÉMENTS

  3. $ ('# menu') ... Sélectionnez un élément avec ID = 'MENU'

0 commentaires
2
votes 
$('.menu') -> <div class="menu"></div> or any other tag with class menu
$('menu')  -> <menu></menu>
$('#menu') -> <div id="menu"></div> or any other tag with id menu
0 commentaires
0
votes

pris de http://forum.codecall.net/javascript- Tutoriels / 14363-jquery-selectors.html xxx

0 commentaires
3
votes

$ ('. Menu'): tout élément avec un menu de classe

$ ('menu'): tout élément de menu

$ ('# menu'): l'élément avec un identifiant de menu

0 commentaires
2
votes

Sélecteur de classe (".class")
Sélectionne tous les éléments avec la classe donnée.

Sélecteur d'élément ("élément")
Sélectionne tous les éléments avec le nom de balise donné.

Sélecteur d'identification ("#Id")
Sélectionne un seul élément avec l'attribut d'identifiant donné.


Référence: http://api.jquerery.com/category/selectors/basic-css- Sélecteurs /

0 commentaires
2
votes

La syntaxe de sélecteur de jQuery est la même que celle de CSS. Donc ".menu" sélectionnera tout avec une classe de menu "#menu" sélectionnera l'objet avec un identifiant de menu (il ne devrait y avoir qu'un! "Menu" essaiera de sélectionner des éléments du menu Type.

Un exemple; xxx

0 commentaires

Articles qui pourrait vous intéresser :

Select2 ne s'affiche pas correctement dans le mode bootstrap
datetimepicker ne fonctionne pas avec bootstrap 4?
L'appel Ajax n'affiche pas de réponse en cas de succès
django admin - Comment ajouter du javascript à la fin d'un fichier