Jquery framework

Résumé du document

JQuery est un framework développé en javascript qui permet notamment de manipuler aisément la DOM, d'utiliser AJAX, de créer des animations...
La vocation première de ce Framework est de gagner du temps dans le développement des applications : "write less, do more" (...)

Extraits

[...] Exemple : toggleClass() Ajoute une classe aux éléments spécifiés, la supprime si elle est déjà présente. Exemple : $("p").toggleClass("selected") Val() Récupère le contenu de l'attribut "value" du premier élément de la sélection. Exemple : $("input").val(); hasClass() Retourne "vrai" si la classe spécifiée est présente pour au moins un des éléments ciblés. Exemple : $("div#result1").append($("p:first").hasClass("selected").toString()); $("div#result2").append($("p:last").hasClass("selected").toString()); $("div#result3").append($("p").hasClass("selected").toString()); Les évènements Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité au sein de la page. L'événement le plus connu est le clic de souris . [...]

[...] Les attributs addClass() attr() html() removeAttr() removeClass() text() toggleClass() val() hasClass() jQuery. attributs addClass() Ajoute une classe pour chaque élément sélectionné. Exemple : $("a").addClass("test"); attr() Cette méthode permet facilement de retrouver la valeur d'une propriété du premier élément trouvé. Si l'élément ne dispose pas de l'attribut recherché, "undefined" est renvoyé. Concernant l'accès aux propriétés de formulaire "checked","disabled" et "readonly", la méthode retourne "true" s'ils sont présents. Exemple : $("img").attr("src"); removeAttr() Supprime un attribut des éléments concernés. Exemple : $("input").removeAttr("disabled") Html() Récupère le contenu du premier élément trouvé. [...]

[...] Les prédicats Element qui a un attribut foo. $("//input[@checked]") Element qui a un attribut foo qui est égal à 'test'. [Nodelist]: Element qui contient une liste de noeuds. des paragraphes contenus dans un div //liste des lien contenus dans les paragrpaghe d'un div Les Sélecteurs Sélecteurs spécifiques a jQuery jQuery.selecteur Certaines expressions ne sont pas incluses dans Xpath ou CSS, mais elles s'avèrent être bien utiles dans le cas de traitement de documents HTML. En voici la liste: Sélecteurs généraux :even: Sélectionne les élément de la sélection dont l'index est pair. [...]

[...] Les Sélecteurs Sélecteurs CSS jQuery.selecteur Les Sélecteurs Sélecteurs Xpath jQuery.selecteur JQuery supporte également une partie du langage XPathpour la constitution de sélecteurs citant : Les chemins Les sélecteurs d'"axes" Les prédicats Les Sélecteurs Sélecteurs Xpath jQuery.selecteur Les chemins Les chemins absolus: . Les chemins relatifs: Les sélecteurs d'axes Descendant: Element qui a un élement descendant. Recherche les élements p contenus dans un div: Fils: Element qui a un element fils . Recherche les élements p fils de div: Elements frères: Element qui a un element frère (sur le même axe). Recherche les formulaires qui précèdent un div: ~ form") Parent: Sélection du parent d'un élement. [...]

[...] les plugins on peut étendre facilement jQuery en utilisant des plugins les méthodes ajoutées sont au même niveau que les méthodes natives il faut tâcher de conserver les mêmes sémantiques que les méthodes natives: retourner l'objet jQuery, appliquer la méthode à tous les éléments représentés à user et abuser pour factoriser du code, ou donner un nom métier à du traitement techniques cacherContenu() pour factoriser $('.classe').children('.contenu').hide()) beaucoup de plugins existent d'ores et déjà, à la qualité variable; certains sont mis en avant par l'équipe de développement Conclusion La force de jQuery réside donc manifestement dans la richesse de sa fonction d'autant plus qu'en dehors de la richesse de ces sélecteurs, on peut bien sûr les combiner entre eux pour atteindre n'importe quel élément du DOM très facilement. Tous les sélecteurs CSS vont fonctionner avec jQuery et ce dernier permet encore plus de possibilités que CSS. [...]