본문 바로가기

프로그램

[JQUERY]JQUERY 정리

반응형

PARENT() : 상위 노드로 이동

END() : 이전 노드로 이동

ex : $("#f").parent().find("span").end() => parent() 조회 시 로 이동


이웃 노드 찾기

PARENT().FIND() 를 이용하였음


* 노드 삭제 처리

.detach() : 지정요소를 포함 하위요소를 제거함

.empty() : 지정요소의 하위요소를 제거

.remove() : 지정요소포함, 하위요소를 제거, 요소와 관련된 이벤트, 데이터 모두 삭제


* ajax 이용해여 file upload 시

jquery.form.js 사용



* toggle 사용

$("#id").toggle();


id 에 해당하는 곳의 display:none 을 자동으로 토글 사켜줌


* checkbox 의 checked 처리

$("#check").attr("checked", true) => 체크

$("#check").attr("checked", false) => 체크품


전체 클릭 시 전체 클릭되고 해제되게 하기


function chkAddInfoAll(obj) {

var obj$ = $(obj);

var chkVal = obj$.attr("checked");

if(!chkVal) {

chkVal = false;

} else {

chkVal = true;

}

var objNameAttr = obj$.attr("name");

obj$.parent().find("input:checkbox[name='" + objNameAttr + "']").attr("checked", chkVal);

}