Javascript Girl
  1. Javascript Girl
  3. Qu'est ce que '>' signifie dans javascript?
Intereting Posts
JS Object this.method () se déplace via jQuery Modifier la variable globale dans la fermeture de JavaScript Afficher l'élément uniquement si getJSON prend plus de n millisecondes? Document.elementFromPoint (x, y) pour obtenir l'élément dans l'iframe JQuery Datepicker avec plusieurs options Angular.module minification bug Valeur de retour du gestionnaire d'événements en fonction parent de javascript Window.URL.createObjectURL (blob); Est indéfini dans ma demande La meilleure façon de trouver tous les éléments d'entrée dans un formulaire en utilisant jQuery Est-il acceptable de faire la demande de $ http pour ui.router dans angularjs? Jquery-ui – annule le glisser sur la touche d'échappement Variante de $ httpProvider.responseInterceptors Supprimez les balises HTML en version Javascript avec Regex Comment implémenter un compteur de numéros en direct et persistant sur un site L'effet des parenthèses avec `this` binding in javascript

Qu'est ce que '>' signifie dans javascript?

Que signifie le signe dans (#todoList> div) dans le javascript suivant? 

$('#btnClear').click(function () { $('#todoList > div').each(function () { var entity = $(this).data('entity'); $todo.context.TodoEntries.remove(entity); }); $todo.context.saveChanges(updateView); });

Dans le fichier Html, #todoList est l'identifiant d'un div. 

 <div id="todoList"></div>

Et dans cette déclaration 

  $('#wrapper>div:not(#providerSelection)')

Ce qui n'est pas"?

C'est un sélecteur enfant . Ce n'est pas une fonctionnalité javascript mais css. JQuery l' implémente sur son moteur de sélection mais il n'a rien à voir avec javascript.

Un sélecteur enfant correspond lorsqu'un élément est l'enfant d'un élément. Un sélecteur enfant est composé de deux sélecteurs ou plus séparés par ">".

La règle suivante définit le style de tous les éléments P qui sont enfants de BODY:

Corps> P {hauteur-ligne: 1.3}

L'exemple suivant combine les sélecteurs descendants et les sélecteurs enfants:

Div ol> li p

Il correspond à un élément P qui est un descendant d'une LI; L'élément LI doit être l'enfant d'un élément OL; L'élément OL doit être un descendant d'un DIV. Notez que l'espace blanc optionnel autour du combinateur ">" a été laissé de côté.

Ce n'est pas la syntaxe JavaScript, mais la syntaxe du sélecteur CSS, ici transmise dans un sélecteur JQuery.

C'est le sélecteur "enfant direct" .

Cela signifie qu'il sélectionne tous les éléments de division qui sont des nœuds enfants à un niveau de l'élément avec id todoList .

Cela s'appliquerait aux éléments avec ID A et B ici: 

 <div id="todoList"> <div id=A> <div id=C> </div> <span id=D></span> <div id=B></div> </div>

$("#todoList > div") signifie sélectionner les éléments div qui sont des descendants directs (enfants) de l'élément avec id = "todoList".

C'est un sélecteur css, pas de sens dans javascript lui-même, sauf "supérieur à", dans css cela signifie que les sélecteurs précédents dirigent l'enfant.

C'est un sélecteur enfant de parent

Sélectionne tous les éléments enfants directs spécifiés par "enfant" des éléments spécifiés par "parent".

Signifie un enfant div intérieur de #todoList

SEE API --> http://api.jquery.com/child-selector/

Le combinateur enfant (E> F) peut être considéré comme une forme plus spécifique du combinateur descendant (EF) en ce qu'il ne sélectionne que les descendants de premier niveau.