jQuery 간단 사용법

ajax

$.ajax({
                url: "/sample/board_list/next_page",
                type: "GET",
                data: param,
                success: function(data){
                   
                ...
                   
                },
                error: function(request, status, error){
                    console.log(error)
                }
            });

id="list" 자식 태그 제거하기

$("#list").empty();

id="list" 에 a추가하기

$("#list").append(a);

클릭 이벤트 정의

$("#write").on("click", function(e) {
         fn();
});

만약 자바스크립트로 동적으로 html을 만들었다면 위의 이벤트 정의가 먹히지 않는다. 이유는 해당 html이 그려지고 난다음 jQuery가 정의되는데 이벤트를 정의한 id가 삭제되면 jQuery는 연결되어있는 연결고리가 없어지게 된다. 이는 이후에 같은 아이디를 만들어도 연결되지 않는 다는 것을 뜻한다. 그렇기 때문에 아래와 같은 방법을 사용해야한다.

 

$(document).on("click","#write", function(e) { //제목
         fn();
});

a태그중 name이 page인

"a[name='page']" 친구들을 정의한다.

this는 js의 this로 현재 태그를 받아온다.

$(this) jQuery의 this로 this의 객체형이다. parent()를 사용해서 부모태그를 얻을 수 있다.

val() / text() / html()

val()은 textarea의 값을 받아올때 쓰인다.

text() / html()는 자바스크립트의 innerHTML()처럼 쓰인다.

jstl로 받아온값을 자바스크립트 변수로 담는법

total_page_cnt = <c:out value="${page}"/>;