jQuery
-
[JavaScript&jQuery] 동적 생성 HTML에 이벤트 추가하기programming/JavaScript&jQuery 2019. 8. 7. 22:11
HTML에 클릭 이벤트를 거는 것은 아래와 같이 할 수 있다. $("SELECTOR").click(function(){ alert("click"); }); 이때 동적으로 생성된 HTML에도 이벤트를 걸 때는 다른 방식으로 걸어야 하는데, $(document).on("click", "SELECTOR", function(){ alert("add event"); }); 위에 click 이벤트의 경우에는 태그(SELECTOR)에 클릭 이벤트를 걸어서, 해당 이벤트를 건 이후에, 동적 생성된 태그에 대해선 이벤트가 작동하지 않는데, 아래처럼 on을 사용해서 하면 이벤트를 연결시키면, 태그(SELECTOR)가 document에 동적으로 추가되더라도 이벤트가 작동된다.
-
[JavaScript&jQuery] jquery selector, this 사용하기programming/JavaScript&jQuery 2019. 7. 10. 22:59
제이쿼리에서 선택자를 이용해서 많을 것을 할 수 있다. $("#id").val() : 아이디 선택자 $(".class").val() : 클래스 선택자 id 또는 class 명을 통해서 선택을 할 수 있는데 여러 가지를 선택할 경우에는 this 등의 키워드를 사용해서 선택하는 방법도 있다.(클래스도 여러 개 선택된다.) - 여러가지 체크박스를 이용할 경우에 여러 가지 아이디를 사용해서 id="check1", id="check2" ... 등으로 만들고 각각의 click 이벤트를 연결해서 사용할 수 도 있지만 $("input[type=checkbox]").click(function(){ // content .. }); 위와 같이 모든 체크박스를 한 번에 연결할 수 도 있다. 이러한 상황에서는 이번에 선택된 체..