{"id":774,"date":"2013-05-24T14:30:36","date_gmt":"2013-05-24T13:30:36","guid":{"rendered":"http:\/\/www.bocciolesi.fr\/tutoriels-et-cours\/?p=774"},"modified":"2017-02-24T14:56:21","modified_gmt":"2017-02-24T13:56:21","slug":"jquery-encapsulation-cloture-du-code","status":"publish","type":"post","link":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/jquery-encapsulation-cloture-du-code\/","title":{"rendered":"JQUERY &#8211; Encapsulation | Cl\u00f4ture du code !"},"content":{"rendered":"<div class=\"pdfprnt-buttons pdfprnt-buttons-post pdfprnt-top-right\"><a href=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts\/774?print=pdf\" class=\"pdfprnt-button pdfprnt-button-pdf\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/plugins\/pdf-print\/images\/pdf.png\" alt=\"image_pdf\" title=\"Afficher le PDF\" \/><span class=\"pdfprnt-button-title pdfprnt-button-pdf-title\">Enregistrer en PDF<\/span><\/a><a href=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts\/774?print=print\" class=\"pdfprnt-button pdfprnt-button-print\" target=\"_blank\"><\/a><\/div><p><span style=\"background-color: #3366ff;\"><strong>I\u25ba Dans cet article, nous allons voir pourquoi\u00a0cl\u00f4turer\u00a0le code <span style=\"color: #3366ff;\">jQuery<\/span>\u00a0:<\/strong><\/span><\/p>\n<p>JavaScript\u00a0est pr\u00e9sent dans de nombreux documents HTML et les biblioth\u00e8ques utilis\u00e9es sont nombreuses, on conna\u00eet bien s\u00fbr jQuery mais il existe aussi prototype, aculo.us, dojo toolKit, mootools.<br \/>\nIl est fondamental pour le d\u00e9veloppeur\u00a0<span style=\"line-height: 1.714285714; font-size: 1rem;\">de ma\u00eetriser la structuration et la modularisation de son code.\u00a0<\/span><\/p>\n<p>Il s&#8217;agit d&#8217;une fonction anonyme d\u00e9di\u00e9e \u00e0 jQuery \u00a0: $<\/p>\n<p style=\"padding-left: 30px;\"><strong><span style=\"color: #3366ff;\">(function($ ){<\/span><\/strong><\/p>\n<p style=\"padding-left: 60px;\"><strong><span style=\"color: #3366ff;\">\/\/ code js ;<\/span><\/strong><\/p>\n<p style=\"padding-left: 30px;\"><strong><span style=\"color: #3366ff;\">})(jQuery);<\/span><\/strong><\/p>\n<p>entour\u00e9e d&#8217;une cl\u00f4ture<\/p>\n<p><span style=\"line-height: 1.714285714; font-size: 1rem;\">La cl\u00f4ture jQuery\u00a0(function($){&#8230;})(jQuery);\u00a0est un espace priv\u00e9, dans lequel le symbole $ est uniquement attribu\u00e9 \u00e0 jQuery.<br \/>\n<\/span><span style=\"line-height: 1.714285714; font-size: 1rem;\">En utilisant une autre biblioth\u00e8que JavaScript, la cl\u00f4ture r\u00e9soudra tout probl\u00e8me de conflit quant \u00e0 l&#8217;utilisation du symbole $.<\/span><\/p>\n<p>Ce qui donne :<\/p>\n<p><a href=\"https:\/\/www.mb-creation-web.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/05\/Capture3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-775\" src=\"https:\/\/www.mb-creation-web.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/05\/Capture3.png\" alt=\"Capture\" width=\"560\" height=\"223\" srcset=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/05\/Capture3.png 560w, https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/05\/Capture3-300x119.png 300w\" sizes=\"auto, (max-width: 560px) 100vw, 560px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Prenons de bonnes habitudes, encapsulons et\u00a0cl\u00f4turons\u00a0notre code.<\/p>\n<p><em>Michel BOCCIOLESI<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I\u25ba Dans cet article, nous allons voir pourquoi\u00a0cl\u00f4turer\u00a0le code jQuery\u00a0: JavaScript\u00a0est pr\u00e9sent dans de nombreux documents HTML et les biblioth\u00e8ques utilis\u00e9es sont nombreuses, on conna\u00eet bien s\u00fbr jQuery &#8230;<\/p>\n","protected":false},"author":1,"featured_media":1626,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[36,33,39],"tags":[],"class_list":["post-774","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-developpement-web","category-jquery","category-tutoriels"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JQUERY - Encapsulation | Cl\u00f4ture du code ! - Tutoriels et Cours<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/jquery-encapsulation-cloture-du-code\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JQUERY - Encapsulation | Cl\u00f4ture du code ! - Tutoriels et Cours\" \/>\n<meta property=\"og:description\" content=\"I\u25ba Dans cet article, nous allons voir pourquoi\u00a0cl\u00f4turer\u00a0le code jQuery\u00a0: JavaScript\u00a0est pr\u00e9sent dans de nombreux documents HTML et les biblioth\u00e8ques utilis\u00e9es sont nombreuses, on conna\u00eet bien s\u00fbr jQuery ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/jquery-encapsulation-cloture-du-code\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutoriels et Cours\" \/>\n<meta property=\"article:published_time\" content=\"2013-05-24T13:30:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-02-24T13:56:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"767\" \/>\n\t<meta property=\"og:image:height\" content=\"379\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Michel BOCCIOLESI\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Michel BOCCIOLESI\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/jquery-encapsulation-cloture-du-code\/\",\"url\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/jquery-encapsulation-cloture-du-code\/\",\"name\":\"JQUERY - Encapsulation | Cl\u00f4ture du code ! - Tutoriels et Cours\",\"isPartOf\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/jquery-encapsulation-cloture-du-code\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/jquery-encapsulation-cloture-du-code\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg\",\"datePublished\":\"2013-05-24T13:30:36+00:00\",\"dateModified\":\"2017-02-24T13:56:21+00:00\",\"author\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#\/schema\/person\/6bdfe0a1263b803645c69e3d5748dabe\"},\"breadcrumb\":{\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/jquery-encapsulation-cloture-du-code\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/jquery-encapsulation-cloture-du-code\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/jquery-encapsulation-cloture-du-code\/#primaryimage\",\"url\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg\",\"contentUrl\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg\",\"width\":767,\"height\":379,\"caption\":\"Tutoriels D\u00e9veloppement Web\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/jquery-encapsulation-cloture-du-code\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JQUERY &#8211; Encapsulation | Cl\u00f4ture du code !\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#website\",\"url\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/\",\"name\":\"Tutoriels et Cours\",\"description\":\"Michel Bocciolesi | Formateur Consultant en Informatique\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#\/schema\/person\/6bdfe0a1263b803645c69e3d5748dabe\",\"name\":\"Michel BOCCIOLESI\",\"description\":\"Michel Bocciolesi est consultant et formateur sp\u00e9cialis\u00e9 en Informatique.\",\"sameAs\":[\"https:\/\/www.mb-creation-web.fr\"],\"url\":\"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/author\/michel\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JQUERY - Encapsulation | Cl\u00f4ture du code ! - Tutoriels et Cours","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/jquery-encapsulation-cloture-du-code\/","og_locale":"fr_FR","og_type":"article","og_title":"JQUERY - Encapsulation | Cl\u00f4ture du code ! - Tutoriels et Cours","og_description":"I\u25ba Dans cet article, nous allons voir pourquoi\u00a0cl\u00f4turer\u00a0le code jQuery\u00a0: JavaScript\u00a0est pr\u00e9sent dans de nombreux documents HTML et les biblioth\u00e8ques utilis\u00e9es sont nombreuses, on conna\u00eet bien s\u00fbr jQuery ...","og_url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/jquery-encapsulation-cloture-du-code\/","og_site_name":"Tutoriels et Cours","article_published_time":"2013-05-24T13:30:36+00:00","article_modified_time":"2017-02-24T13:56:21+00:00","og_image":[{"width":767,"height":379,"url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg","type":"image\/jpeg"}],"author":"Michel BOCCIOLESI","twitter_misc":{"\u00c9crit par":"Michel BOCCIOLESI","Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/jquery-encapsulation-cloture-du-code\/","url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/jquery-encapsulation-cloture-du-code\/","name":"JQUERY - Encapsulation | Cl\u00f4ture du code ! - Tutoriels et Cours","isPartOf":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/jquery-encapsulation-cloture-du-code\/#primaryimage"},"image":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/jquery-encapsulation-cloture-du-code\/#primaryimage"},"thumbnailUrl":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg","datePublished":"2013-05-24T13:30:36+00:00","dateModified":"2017-02-24T13:56:21+00:00","author":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#\/schema\/person\/6bdfe0a1263b803645c69e3d5748dabe"},"breadcrumb":{"@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/jquery-encapsulation-cloture-du-code\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bocciolesi.fr\/tutoriels-et-cours\/jquery-encapsulation-cloture-du-code\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/jquery-encapsulation-cloture-du-code\/#primaryimage","url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg","contentUrl":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-content\/uploads\/2013\/07\/html-3.jpg","width":767,"height":379,"caption":"Tutoriels D\u00e9veloppement Web"},{"@type":"BreadcrumbList","@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/jquery-encapsulation-cloture-du-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/"},{"@type":"ListItem","position":2,"name":"JQUERY &#8211; Encapsulation | Cl\u00f4ture du code !"}]},{"@type":"WebSite","@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#website","url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/","name":"Tutoriels et Cours","description":"Michel Bocciolesi | Formateur Consultant en Informatique","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/#\/schema\/person\/6bdfe0a1263b803645c69e3d5748dabe","name":"Michel BOCCIOLESI","description":"Michel Bocciolesi est consultant et formateur sp\u00e9cialis\u00e9 en Informatique.","sameAs":["https:\/\/www.mb-creation-web.fr"],"url":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/author\/michel\/"}]}},"_links":{"self":[{"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts\/774","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/comments?post=774"}],"version-history":[{"count":3,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts\/774\/revisions"}],"predecessor-version":[{"id":1667,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/posts\/774\/revisions\/1667"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/media\/1626"}],"wp:attachment":[{"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/media?parent=774"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/categories?post=774"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bocciolesi.fr\/tutoriels-et-cours\/wp-json\/wp\/v2\/tags?post=774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}