wiki:javascript:jquery:jquery_note:jquery_add

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- wiki:javascript:jquery:jquery_note:jquery_add [2021/04/16 17:07]
emblim98
+++ wiki:javascript:jquery:jquery_note:jquery_add [2023/01/13 18:44] (현재)
@@ 줄 55: / 줄 55: @@
 \\
 그러나 ''append()'' 및 ''prepend()'' 메서드 두 개 모두, 무한한 수의 새 요소를 매개 변수로 사용할 수 있습니다.\\
-위의 예에서 한 것처럼 텍스트/%%HTML%%로, %%jQuery%% 또는 %%JavaScript%% 코드 그리고 DOM 요소를 사용하여, 새로운 요소들을 생성할 수 있습니다.\\
+위의 예에서 한 것처럼 텍스트/%%HTML%%로, %%jQuery%% 또는 %%JavaScript%% 코드 그리고 DOM 요소를 사용하여,\\
+새로운 요소들을 생성할 수 있습니다.\\
 \\
 다음 예에서는 몇 가지 새로운 요소들을 만듭니다. 요소들은 text/%%HTML%%, %%jQuery%% 및 %%JavaScript/DOM%%으로 생성됩니다.\\
-그런 다음 ''append()'' 메서드를 사용하여 텍스트에 새 요소를 추가합니다 (''prepend()''에서도 실행될 것입니다).\\
+그런 다음 ''append()'' 메서드를 사용하여 텍스트에 새 요소를 추가합니다.\\
+(''prepend()''에서도 실행될 것입니다).\\
 ====예제====
@@ 줄 74: / 줄 76: @@
 %%jQuery%% ''after()'' 메서드는 선택한 %%HTML%% 요소들 **뒤(AFTER)에** 콘텐츠를 삽입합니다.\\
 \\
-%%jQuery%% ''before()'' 메서드는 선택한 %%HTML%% 요소들 **앞(BEFORE에** 콘텐츠를 삽입합니다.\\
+%%jQuery%% ''before()'' 메서드는 선택한 %%HTML%% 요소들 **앞(BEFORE)에** 콘텐츠를 삽입합니다.\\
 ====예제====
@@ 줄 98: / 줄 100: @@
 (이것은 ''before()''에서도 실행될 것입니다).\\
+====예제====
+<code jquery>
+    function afterText() {
+      var txt1 = "<b>We </b>";                 // Create element with HTML
+      var txt2 = $("<i></i>").text("like ");  // Create with jQuery
+      var txt3 = document.createElement("b"); // Create with DOM
+      txt3.innerHTML = "jQuery!!!!!";
+      $("img").after(txt1, txt2, txt3);       // Insert new elements after img
+    }
+</code>

/volume1/web/dokuwiki/data/attic/wiki/javascript/jquery/jquery_note/jquery_add.1618560423.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)