본문 바로가기
JAVA/javascript, jQuery

JQuery(append/before/wrap)

by 설총이 2018. 7. 9.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 $("태그 : parent"--- 자식태그가있거나, 텍스트를 가지고있는애
 
        $("p#first").prepend("<strong>ㅎㅇ</strong>")
        //p태그안의 id가 first인 태그안의 HTML영역 앞에다 추가한다.
        $("p#first").append("<strong>ㅎㅇ</strong>")
        //p태그안의 id가 first인 태그안의 HTML영역 뒤에다 추가한다.
        
        
        $("p#first").before("<strong>ㅎㅇ</strong>")
        //p태그안의 id가 first인 태그앞에 추가한다.
        $("p#first").after("<strong>ㅎㅇ</strong>")
        //p태그안의 id가 first인 태그뒤에 HTML영역 앞에다 추가한다.
 
 
        $("a").attr("href""http://www.naver.com/");
        /*<a>에있는 attribute속성인 href를 http://naver.com로 바꾸겠다는 의미.
        없으면 생성해준다. */
 
 
 
    $("strong").wrap("<h1></h1>");
    //앞에있는 모든 strong태그를 <h1></h1>으로 감싼다. 각각 부여가된다
    $("strong").wrapAll("<h1></h1>");
    /*앞에있는 모든 strong태그를 <h1></h1>으로 감싼다. 모두모아 하나로 만든다.
     :: <h1><strong></strong>....</h1>
     -> 밑에처럼 태그안에 다른태그가 있을경우, 가장 상위에있는 태그 기준으로
     새롭게 만들어진다.
     */
cs


'JAVA > javascript, jQuery' 카테고리의 다른 글

JQuery - event안의 blur처리  (0) 2018.07.09
JQuery(contains/has/only-child)  (0) 2018.07.09
JQuery의 실행순서와 기초 속성들  (0) 2018.07.09
자바스크립트 - Array  (0) 2018.07.04
자바스크립트 - 객체  (0) 2018.07.04