제이쿼리
-
[Js&jQuery] remove on event / on 이벤트 없애기programming/JavaScript&jQuery 2020. 2. 24. 23:43
jQuery의 on 이벤트를 없애는 건 off 다. 왜인지 모르지만 써본 적은 없었던 것 같다. 근데 on이 있으면 off도 있을 거 같아서 써보았더니 정말 있었다. 그래서 간단한 예제로 만들어 봤다. 버튼을 클릭하면 alert이 생기고, off버튼으로 이벤트를 없앤다. on버튼으로 이벤트를 추가한다. on을 누른만큼 이벤트는 중첩해서 발생한다.(alert이 여러 개 뜬다.) off는 한번만 눌러도 모든 on 이벤트를 없앤다.
-
[jQuery&html] html 요소 지우기 .remove()programming/JavaScript&jQuery 2019. 11. 6. 00:00
기본 코드 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 test p tag text test p 2nd text test code test Colored by Color Scripter cs 1. remove() Description: Remove the set of matched elements from the DOM. remove()에 대한 jQuery에 올라와 있는 설명이다. 일치하는 요소들을 DOM에서 없애는 기능을 가지고 있다. 2. 사용법 1 2 3 4 5 6 7 8 $("#main").remove(); // div#main 없애기 $("button").remove(); // 모든 버튼 없애기 $("button").first().remove() // 첫번째 버튼만..
-
[jQuery] .not() 사용법programming/JavaScript&jQuery 2019. 10. 25. 00:00
jQuery .not() 사용법 먼저 아래와 같은 not.html 파일이 있다. test1 test2 test3 test4 test5 그리고 아래와 같은 not.js 파일도 있다. $("#test>button").click(function(){ $(this).text("click"); $("#test>button").not(this).text("unclick"); }); 해당 소스들을 실행하면, 이렇게 버튼이 5개 생기는데, 클릭된 버튼은 "click"로 텍스트가 바뀌고, 나머지 클릭되지 않은 버튼은 "unclick"로 텍스트가 바뀐다. 이때 사용한게 not()인데, not 뒤에 들어가는 요소를 제외하고 반환한다. 그러니까 저기서 this는 클릭된 버튼을 의미하고, $("#test>button") 으로 ..