-
[jQuery] 15. Remove - jQuery 강좌 jQuery / CSEWeb/jQuery 2015. 6. 13. 11:22
jQuery - Remove Elements
1. Remove Elements/Content
요소와 내용을 삭제하기 위한, 2 개의 jQuery 메소드가 있습니다:
- remove()
- empty()
2. jQuery remove() Method
remove() 메소드는 선택된 요소와 그의 자식 요소들까지 제거합니다.
12345678910111213141516171819202122232425262728<!DOCTYPE html><html><head><script>$(document).ready(function(){$("button").click(function(){$("#div1").remove();});});</script></head><body><div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;">This is some text in the div.<p>This is a paragraph in the div.</p><p>This is another paragraph in the div.</p></div><br><button>Remove div element</button></body></html>cs 3. jQuery empty() Method
empty() 메소드는 선택된 요소의 자식 요소들을 제거합니다.
12$("#div1").empty();cs 4. Filter the Elements to be Removed
remove() 메소드는 한 개의 파라미터만을 받습니다
파라미터는 jQuery 선택자 문법이 될 수 있습니다.
1$("p").remove(".italic");cs 위 예제는 p 요소 중에 클래스가 italic인 요소를 제거하는 예제 코드입니다.
'Web > jQuery' 카테고리의 다른 글
[jQuery] 18. dimension - jQuery 강좌 jQuery / CSE (0) 2015.06.13 [jQuery] 17. CSS() - jQuery 강좌 jQuery / CSE (0) 2015.06.13 [jQuery] 16. CSS Classes - jQuery 강좌 jQuery / CSE (0) 2015.06.13 [jQuery] 14. Add - jQuery 강좌 jQuery / CSE (0) 2015.06.13 [jQuery] 13. Set - jQuery 강좌 jQuery / CSE (0) 2015.06.13 [jQuery] 12. Get - jQuery 강좌 jQuery / CSE (0) 2015.06.13
