wiki:javascript:jquery:jquery_note:jquery_siblings

차이

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

차이 보기로 링크

--- wiki:javascript:jquery:jquery_note:jquery_siblings [2021/04/19 14:10]
emblim98 만듦
+++ wiki:javascript:jquery:jquery_note:jquery_siblings [2023/01/13 18:44] (현재)
@@ 줄 25: / 줄 25: @@
 다음 예제는 ''%%<h2>%%''의 모든 형제 요소를 반환합니다.\\
 <code jquery>
+    $(document).ready(function () {
+      $("h2").siblings().css({ "color": "red", "border": "2px solid red" });
+    });
+</code>
+\\
+매개 변수를 선택하여 형제 요소 검색을 필터링 할 수도 있습니다.\\
+\\
+다음 예제는 ''%%<h2>%%''의 모든 형제 요소들인 ''%%<p>%%'' 요소들을 반환합니다.\\
+====예제====
+<code jquery>
+    $(document).ready(function () {
+      $("h2").siblings("p").css({ "color": "red", "border": "2px solid red" });
+    });
 </code>
+=====jQuery next() Method=====
+''next()'' 메서드는 선택한 요소의 다음에 있는 형제 요소를 반환합니다.\\
+\\
+다음 예제는 ''%%<h2>%%''의 다음에 있는 형제 요소를 반환합니다.\\
+====예제====
+<code jquery>
+    $(document).ready(function () {
+      $("h2").next().css({ "color": "green", "border": "2px solid green" });
+    });
+</code>
+====jQuery nextAll() Method=====
+''nextAll()'' 메서드는 선택한 요소의 다음에 있는 모든 형제 요소들을 반환합니다.\\
+\\
+다음 예제는 ''%%<h2>%%''의 다음에 있는 모든 형제 요소들을 반환합니다.\\
+====예제====
+<code jquery>
+    $(document).ready(function () {
+      $("h2").nextAll().css({ "color": "crimson", "border": "2px solid crimson" });
+    });
+</code>
+=====jQuery nextUntil() Method=====
+''nextUntil()'' 메서드는 주어진 두 인수(arguments) 사이의 모든 형제 요소들을 반환합니다.\\
+\\
+다음 예제는 ''%%<h2>%%''와 ''%%<h6>%%'' 요소 사이의 모든 형제 요소들을 반환합니다.\\
+====예제====
+<code jquery>
+    $(document).ready(function () {
+      $("h2").nextUntil("h6").css({ "color": "blue", "border": "2px solid blue" });
+    });
+</code>
+=====jQuery prev(), prevAll() & prevUntil() Methods=====
+''prev()'', ''prevAll()'' 및 ''prevUntil()'' 메서드는 위의 메서드와 동일하게 작동합니다. 하지만 역방향 기능이 있어, 이전 형제 요소를 반환합니다 (FIXME앞이 아닌 DOM 트리의 형제 요소를 따라 뒤로 횡단합니다).\\

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