'jQuery/Method' 카테고리의 글 목록 (6 Page)

8. jquery Method [ .before() ] - 선택한 요소 앞에 새로운 요소를 추가하거나 다른곳에 있는 요소를 이동시키는 메소드

8. jquery Method [ .before() ] - 선택한 요소 앞에 새로운 요소를 추가하거나 다른곳에 있는 요소를 이동시키는 메소드 문법 .before(content) 예를 들면 1. $("#ab").before("Hello"); 2. $("#ef").before($("#cd")); 1. id가 ab인 요소 앞에 새 요소를 추가합니다. 2. id가 ef인 요소 앞에 id가 cd인 요소를 이동시킵니다. 예제 코드 ABC DEF ABC 실행 테스트

jQuery/Method 2020. 2. 19. 14:35

7. jquery Method [ .attr() ] - 속성의 값을 가져오거나 속성을 추가하는 메소드

7. jquery Method [ .attr() ] - 속성의 값을 가져오거나 속성을 추가하는 메소드 문법 .attr(속성) .attr(속성, 값) 예를 들어 1. $("#ab").attr("value"); 2. $("#cd").attr("value", "abc"); 1. value 속성의 값을 가져옵니다. 2. value 속성의 값을 추가합니다. 예제 코드 $("#ab").attr("value"); - id가 ab인 input태그의 value를 가져옵니다. $("#cd").attr("value", "abc"); - id가 cd인 input태그의 value에 "abc"값을 추가합니다. 실행 테스트

jQuery/Method 2020. 2. 19. 11:26

6. jquery Method [ .appendTo() ] - 선택한 요소를 다른 요소 안에 넣는 메소드

6. jquery Method [ .appendTo() ] - 선택한 요소를 다른 요소 안에 넣는 메소드 문법 appendTo(target) 예를 들어 1. $("p").appendTo("div"); 1. p태그를 div태그안으로 이동시킵니다. 예제 코드 Peach Melon $("#ab").appendTo("div"); - id가 ab인 요소를 div태그안으로 이동시킵니다. 실행 테스트

jQuery/Method 2020. 2. 19. 10:51

5. jquery Method [ .append() ] - 선택한 요소의 내용 끝에 추가하는 메소드

5. jquery Method [ .append() ] - 선택한 요소의 내용 끝에 추가하는 메소드 문법 .append(content) 예를 들어 1. $("ul").append("GHIJK"); 2. $("p").append("하세요?"); 1. ul태그 내용 끝에 내용을 추가해줍니다. 2. p태그 내용 긑에 내용을 추가 해줍니다. 예제 코드 ABC DEF 안녕 $("ul").append("GHIJK"); - ul태그 내용 끝에 li태그와 "GHIJK"내용이 생깁니다. $("p").append("하세요?"); - p태그 내용 끝에 "하세요?" 내용이 생깁니다. 실행 테스트

jQuery/Method 2020. 2. 19. 09:56

4. jquery Method [ .after() ] - 선택한 요소 뒤에 새로운 요소 추가하거나 다른 곳에 있는 요소를 이동시키는 메소드

4. jquery Method [ .after() ] - 선택한 요소 뒤에 새로운 요소 추가하거나 다른 곳에 있는 요소를 이동시키는 메소드 문법 .after(content) 예를 들어 1. $("#ab").after("Hello"); 2. $("#ef").after($("#cd")); 1. id가 ab인 태그 아래에 p태그를 추가합니다. 2. id가 ef인 태그 아래에 id가 cd인 태그를 이동시킵니다. 예제 코드 ABC ABC DEF $("#ab").after("Hello"); - id가 ab인 p태그 아래에 p태그가 생성됩니다. $("#ef").after($("#cd")); - id가 ef인 p태그 아래에 id가 cd인 p태그가 이동됩니다. 실행 테스트

jQuery/Method 2020. 2. 18. 16:20

3. jquery Method [ .addClass() ] - 클래스 값을 추가하는 메소드

3. jquery Method [ .addClass() ] - 클래스 값을 추가하는 메소드 문법 .addClass("className") 예를 들어 1. $("p").addClass("tag") 2. $("p").addClass("tag tagA tageB") 1. p태그에 tag라는 class를 추가합니다. 2. 띄어쓰기를 써서 여러개의 class를 추가할 수 있습니다. (tag, tagA, tagB) 예제 코드 ABC ABC $("#ab").addClass("tagA"); - id가 ab인 p태그에 tagA 라는 class값을 추가해 줍니다. $("#cd").addClass("tagA tagB"); - id가 cd인 p태그에 tagA, tagB 라는 class값을 추가해 줍니다. 실행 테스트

jQuery/Method 2020. 2. 18. 14:55

2. jquery Method [ .addBack() ] - 이전에 선택한 요소도 함께 선택하는 메소드

2. jquery Method [ .addBack() ] - 이전에 선택한 요소도 함께 선택하는 메소드 문법 .addBack() 예를 들어 1. $("ul").find("li").addBack() 1. ul의 하위 태그중 li를 선택하고, 추가로 처음에 선택했던 ul태그도 함께 선택합니다. 예제 코드 A B C D A B C D $("ul").find("li.abc").addBack().addClass("tag"); - ul태그안에 class가 abc인 li태그를 찾고 추가로 ul태그도 선택합니다. 그리고 선택한 태그에 tag라는 class명을 줍니다. $("div").find("p.ab").addBack().addClass("tag"); - div태그안에 class가 ab인 p태그를 찾고 추가로 div..

jQuery/Method 2020. 2. 18. 13:40

1. jquery Method [ .add() ] - 요소를 추가로 선택하는 메소드

1. jquery Method [ .add() ] - 요소를 추가로 선택하는 메소드 문법 .add(selector) 예를 들어 1. $("ul").add("p") 1. ul태그 요소를 선택하고, 추가로 p태그의 요소도 선택합니다. 예제 코드 ddd Melon Peach $("ul").add("p").css("color", "red"); - ul태그를 선택하고 p태그도 선택합니다. 그리고 color를 red로 바꿉니다. 실행 테스트

jQuery/Method 2020. 2. 18. 13:02

MelonPeach

jQuery/Method → (48)건