Articles of sizzle

Puis-je forcer jQuery à utiliser Sizzle pour évaluer un sélecteur sans utiliser de sélecteurs non standard?

Dans les navigateurs modernes, jQuery utilise document.querySelectorAll() pour augmenter les performances lorsque des sélecteurs CSS valides sont utilisés. Il retombe sur Sizzle si un navigateur ne supporte pas le sélecteur ou la méthode document.querySelectorAll() . Cependant, j'aimerais toujours utiliser Sizzle au lieu de l'implémentation native lors du débogage d'un sélecteur personnalisé. À savoir, j'essaie de […]

Quels sont les avantages de l'utilisation de la bibliothèque Sizzle JavaScript?

Je suis novice de Sizzle (bibliothèque de sélecteurs JavaScript), intéressé par les questions suivantes. Quels sont les avantages d'utiliser Sizzle au lieu de la bibliothèque centrale jQuery? Pourquoi ont-ils commencé Sizzle comme un projet distinct? Existe-t-il des fonctionnalités pouvant s'appliquer aux sélecteurs que vous ne parvenez pas à obtenir avec la bibliothèque centrale jQuery?

Méthode de sélection d'éléments dans Sizzle en utilisant des URL entièrement qualifiées

Tout en travaillant sur un script récemment, j'ai rencontré une nuance particulière de la façon dont Sizzle fonctionne avec l'attribut href . Plus précisément, en utilisant un sélecteur d'attributs sur un href , Sizzle utilisera la valeur d'attribut réelle: // Will not find <a href="index.html">… $('a[href="http://www.example.com/index.html"]') Sizzle utilise .getAttribute() au lieu d' elem.href (ou plus […]

Est-il possible de créer des sélecteurs jQuery personnalisés qui naviguent dans les ancêtres? Par exemple a: le plus proche ou: sélecteur de parents

J'écris beaucoup de plugins jQuery et j'ai des sélecteurs jQuery personnalisés que j'utilise tout le temps comme :focusable et :closeto pour :closeto utiliser les filtres couramment utilisés. Par exemple: focusable ressemble à ceci jQuery.extend(jQuery.expr[':'], { focusable: function (el, index, selector) { return $(el).is('a, button, :input[type!=hidden], [tabindex]'); }; }); Et est utilisé comme n'importe quel autre […]

Comment le sélecteur jQuery $ ('# foo a') est-il évalué?

À titre d'exemple de code jQuery ( https://coderwall.com/p/7uchvg ), j'ai lu que l'expression $('#foo a'); Se comporte comme ceci: Retrouvez chaque a dans la page, puis filtrez a #foo intérieur. Et cela n'a pas l'air efficace. Est-ce exact? Et si oui, comment devrions-nous faire mieux?

Caractères génériques dans les attributs de données HTML5

Est-il possible de trouver tous les éléments DOM avec jQuery avec des caractères génériques dans le nom de l'attribut? Considérez le HTML suivant: <input id="val1" type="text" data-validate-required data-validate-minlength="3" data-validate-email /> Ce que j'essaie d'atteindre est de trouver tous les nœuds dom avec un nom d'attribut commençant par data-validate- Pour autant que je comprenne, les caractères […]

JQuery Selectors, efficacité

J'ai lu plus récemment sur l'efficacité des différents moteurs sélecteurs. Je sais que jQuery utilise le moteur Sizzle et cette publication de blog sur certaines choses de jQuery a mentionné que le moteur Sizzle va séparer votre sélecteur en un tableau puis analyser de gauche à droite. C'est alors, de droite à gauche, commence à […]

Insertion Dynamic Adsense Avec JavaScript

Je ne peux pas croire à la difficulté à trouver, mais même dans les docs de développement Google, je ne peux pas le trouver. Je dois pouvoir dynamiquement, seulement avec JavaScript ads adsense. J'ai également regardé StackOverflow et d'autres l'ont demandé mais pas de réponse. Espérons que ce sera une meilleure explication et obtiendra des […]

JQuery Optimization / Best Practices

Ok selle des cow-boys, car cela va être long. J'ai passé la matinée à travers un peu de mon ancien code et je me pose des questions sur les meilleures pratiques et l'optimisation. Afin d'éviter un trajet vers le bas de la voie subjective, je vais simplement poster quelques exemples avec des questions d'espoir faciles […]

À quoi sert Array.prototype.slice.call (array, 0)?

Je naviguais simplement sur le code source de Sizzle et je rencontrais cette ligne de code: array = Array.prototype.slice.call( array, 0 ); J'ai cherché à savoir quelle est la fonction, mais je suis arrivé à la conclusion qu'il renvoie tous les éléments du tableau à partir de l'index 0 et met l'ensemble dans le tableau, […]