{"id":7620,"date":"2016-06-15T17:44:44","date_gmt":"2016-06-15T15:44:44","guid":{"rendered":"https:\/\/michelpiallier.info\/blog\/?p=7620"},"modified":"2018-03-29T23:45:21","modified_gmt":"2018-03-29T21:45:21","slug":"jquery-creer-element-dom","status":"publish","type":"post","link":"https:\/\/michelpiallier.info\/blog\/jquery-creer-element-dom\/","title":{"rendered":"JQuery &#8211; Cr\u00e9er un \u00e9l\u00e9ment du DOM"},"content":{"rendered":"<div class=\"art\">\nExemple : Ajout d&#8217;un paragraphe dans un texte<\/p>\n<div id=\"accordion-1\" class=\"accordion no-js\">\n<h4 role=\"button\" id=\"accordion-1-t1\" class=\"accordion-title js-accordion-controller\" aria-controls=\"accordion-1-c1\" aria-expanded=\"false\" tabindex=\"0\">\n\t\t\t\tHTML\t\t\t<\/h4>\n<div id=\"accordion-1-c1\" class=\"accordion-content\" aria-hidden=\"true\">\n<pre>\r\n<code class='language-markup'>\r\n&lt;div class='collection'&gt;\r\n&lt;p&gt;Lorem ipsum dolor sit amet.&lt;\/p&gt;\r\n&lt;\/div&gt;\r\n<\/code>\r\n<\/pre>\n<\/p><\/div>\n<h4 role=\"button\" id=\"accordion-1-t2\" class=\"accordion-title js-accordion-controller\" aria-controls=\"accordion-1-c2\" aria-expanded=\"false\" tabindex=\"0\">\n\t\t\t\tjQuery\t\t\t<\/h4>\n<div id=\"accordion-1-c2\" class=\"accordion-content\" aria-hidden=\"true\">\n<pre>\r\n<code class='language-javascript'>\r\n\/\/ cr\u00e9ation d'un paragraphe\r\nvar newP = $(\"&lt;p&gt;\");\r\nnewP.text(\"Ce paragraphe a \u00e9t\u00e9 ajout\u00e9 avec JQuery\");\r\n\/\/ positionnement du paragraphe (append prepend after)\r\n\/\/ positionnement apr\u00e8s le paragraphe dans la Div\r\n$(\".collection&gt;p\").append(newP);\r\n<\/code>\r\n<\/pre>\n<\/p><\/div>\n<h4 role=\"button\" id=\"accordion-1-t3\" class=\"accordion-title js-accordion-controller\" aria-controls=\"accordion-1-c3\" aria-expanded=\"false\" tabindex=\"0\">\n\t\t\t\tJsfiddle\t\t\t<\/h4>\n<div id=\"accordion-1-c3\" class=\"accordion-content\" aria-hidden=\"true\">\n<p>Testez vos propres exemples sous Jsfiddle. Cliquez <a href=\"https:\/\/jsfiddle.net\/michelp92\/fgyheqdc\/\" target=\"_blank\">ici<\/a>\n\t\t<\/div>\n<\/div>\n<\/div>\n<p><!-- Fin div classe art --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Exemple : Ajout d&#8217;un paragraphe dans un texte<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_s2mail":""},"categories":[90],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JQuery - Cr\u00e9er un \u00e9l\u00e9ment du DOM<\/title>\n<meta name=\"description\" content=\"Cr\u00e9er un \u00e9l\u00e9ment du DOM\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/michelpiallier.info\/blog\/jquery-creer-element-dom\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JQuery - Cr\u00e9er un \u00e9l\u00e9ment du DOM\" \/>\n<meta property=\"og:description\" content=\"Cr\u00e9er un \u00e9l\u00e9ment du DOM\" \/>\n<meta property=\"og:url\" content=\"https:\/\/michelpiallier.info\/blog\/jquery-creer-element-dom\/\" \/>\n<meta property=\"og:site_name\" content=\"Pense-b\u00eates des langages du Web\" \/>\n<meta property=\"article:published_time\" content=\"2016-06-15T15:44:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-03-29T21:45:21+00:00\" \/>\n<meta name=\"author\" content=\"Michel PIALLIER\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Michel PIALLIER\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/michelpiallier.info\/blog\/jquery-creer-element-dom\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/michelpiallier.info\/blog\/jquery-creer-element-dom\/\"},\"author\":{\"name\":\"Michel PIALLIER\",\"@id\":\"https:\/\/michelpiallier.info\/blog\/#\/schema\/person\/8a9d28b0899a7f9428a87647928c8709\"},\"headline\":\"JQuery &#8211; Cr\u00e9er un \u00e9l\u00e9ment du DOM\",\"datePublished\":\"2016-06-15T15:44:44+00:00\",\"dateModified\":\"2018-03-29T21:45:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/michelpiallier.info\/blog\/jquery-creer-element-dom\/\"},\"wordCount\":44,\"publisher\":{\"@id\":\"https:\/\/michelpiallier.info\/blog\/#\/schema\/person\/8a9d28b0899a7f9428a87647928c8709\"},\"articleSection\":[\"jQuery - Cr\u00e9er des \u00e9l\u00e9ments\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/michelpiallier.info\/blog\/jquery-creer-element-dom\/\",\"url\":\"https:\/\/michelpiallier.info\/blog\/jquery-creer-element-dom\/\",\"name\":\"JQuery - Cr\u00e9er un \u00e9l\u00e9ment du DOM\",\"isPartOf\":{\"@id\":\"https:\/\/michelpiallier.info\/blog\/#website\"},\"datePublished\":\"2016-06-15T15:44:44+00:00\",\"dateModified\":\"2018-03-29T21:45:21+00:00\",\"description\":\"Cr\u00e9er un \u00e9l\u00e9ment du DOM\",\"breadcrumb\":{\"@id\":\"https:\/\/michelpiallier.info\/blog\/jquery-creer-element-dom\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/michelpiallier.info\/blog\/jquery-creer-element-dom\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/michelpiallier.info\/blog\/jquery-creer-element-dom\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/michelpiallier.info\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JQuery &#8211; Cr\u00e9er un \u00e9l\u00e9ment du DOM\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/michelpiallier.info\/blog\/#website\",\"url\":\"https:\/\/michelpiallier.info\/blog\/\",\"name\":\"Pense-b\u00eates des langages du Web\",\"description\":\"Les pense-b\u00eates des langages du Web\",\"publisher\":{\"@id\":\"https:\/\/michelpiallier.info\/blog\/#\/schema\/person\/8a9d28b0899a7f9428a87647928c8709\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/michelpiallier.info\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/michelpiallier.info\/blog\/#\/schema\/person\/8a9d28b0899a7f9428a87647928c8709\",\"name\":\"Michel PIALLIER\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/michelpiallier.info\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/11ee23d1d012e5fd87dd1f36d24ca0b5?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/11ee23d1d012e5fd87dd1f36d24ca0b5?s=96&d=mm&r=g\",\"caption\":\"Michel PIALLIER\"},\"logo\":{\"@id\":\"https:\/\/michelpiallier.info\/blog\/#\/schema\/person\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JQuery - Cr\u00e9er un \u00e9l\u00e9ment du DOM","description":"Cr\u00e9er un \u00e9l\u00e9ment du DOM","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:\/\/michelpiallier.info\/blog\/jquery-creer-element-dom\/","og_locale":"fr_FR","og_type":"article","og_title":"JQuery - Cr\u00e9er un \u00e9l\u00e9ment du DOM","og_description":"Cr\u00e9er un \u00e9l\u00e9ment du DOM","og_url":"https:\/\/michelpiallier.info\/blog\/jquery-creer-element-dom\/","og_site_name":"Pense-b\u00eates des langages du Web","article_published_time":"2016-06-15T15:44:44+00:00","article_modified_time":"2018-03-29T21:45:21+00:00","author":"Michel PIALLIER","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Michel PIALLIER"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/michelpiallier.info\/blog\/jquery-creer-element-dom\/#article","isPartOf":{"@id":"https:\/\/michelpiallier.info\/blog\/jquery-creer-element-dom\/"},"author":{"name":"Michel PIALLIER","@id":"https:\/\/michelpiallier.info\/blog\/#\/schema\/person\/8a9d28b0899a7f9428a87647928c8709"},"headline":"JQuery &#8211; Cr\u00e9er un \u00e9l\u00e9ment du DOM","datePublished":"2016-06-15T15:44:44+00:00","dateModified":"2018-03-29T21:45:21+00:00","mainEntityOfPage":{"@id":"https:\/\/michelpiallier.info\/blog\/jquery-creer-element-dom\/"},"wordCount":44,"publisher":{"@id":"https:\/\/michelpiallier.info\/blog\/#\/schema\/person\/8a9d28b0899a7f9428a87647928c8709"},"articleSection":["jQuery - Cr\u00e9er des \u00e9l\u00e9ments"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/michelpiallier.info\/blog\/jquery-creer-element-dom\/","url":"https:\/\/michelpiallier.info\/blog\/jquery-creer-element-dom\/","name":"JQuery - Cr\u00e9er un \u00e9l\u00e9ment du DOM","isPartOf":{"@id":"https:\/\/michelpiallier.info\/blog\/#website"},"datePublished":"2016-06-15T15:44:44+00:00","dateModified":"2018-03-29T21:45:21+00:00","description":"Cr\u00e9er un \u00e9l\u00e9ment du DOM","breadcrumb":{"@id":"https:\/\/michelpiallier.info\/blog\/jquery-creer-element-dom\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/michelpiallier.info\/blog\/jquery-creer-element-dom\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/michelpiallier.info\/blog\/jquery-creer-element-dom\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/michelpiallier.info\/blog\/"},{"@type":"ListItem","position":2,"name":"JQuery &#8211; Cr\u00e9er un \u00e9l\u00e9ment du DOM"}]},{"@type":"WebSite","@id":"https:\/\/michelpiallier.info\/blog\/#website","url":"https:\/\/michelpiallier.info\/blog\/","name":"Pense-b\u00eates des langages du Web","description":"Les pense-b\u00eates des langages du Web","publisher":{"@id":"https:\/\/michelpiallier.info\/blog\/#\/schema\/person\/8a9d28b0899a7f9428a87647928c8709"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/michelpiallier.info\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":["Person","Organization"],"@id":"https:\/\/michelpiallier.info\/blog\/#\/schema\/person\/8a9d28b0899a7f9428a87647928c8709","name":"Michel PIALLIER","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/michelpiallier.info\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/11ee23d1d012e5fd87dd1f36d24ca0b5?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/11ee23d1d012e5fd87dd1f36d24ca0b5?s=96&d=mm&r=g","caption":"Michel PIALLIER"},"logo":{"@id":"https:\/\/michelpiallier.info\/blog\/#\/schema\/person\/image\/"}}]}},"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/michelpiallier.info\/blog\/wp-json\/wp\/v2\/posts\/7620"}],"collection":[{"href":"https:\/\/michelpiallier.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/michelpiallier.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/michelpiallier.info\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/michelpiallier.info\/blog\/wp-json\/wp\/v2\/comments?post=7620"}],"version-history":[{"count":0,"href":"https:\/\/michelpiallier.info\/blog\/wp-json\/wp\/v2\/posts\/7620\/revisions"}],"wp:attachment":[{"href":"https:\/\/michelpiallier.info\/blog\/wp-json\/wp\/v2\/media?parent=7620"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/michelpiallier.info\/blog\/wp-json\/wp\/v2\/categories?post=7620"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/michelpiallier.info\/blog\/wp-json\/wp\/v2\/tags?post=7620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}