본문 바로가기

분류 전체보기

 (229)
[제이쿼리] 상위 요소 선택자 상위 요소 선택자는 선택한 요소를 기준으로 모든 상위 요소를 선택하거나 상위 요소 중 선택하고자하는 요소만 선택할 때 사용한다. 기본형 $("요소 선택").parents() : 선택한 요소를 기준으로 상위 요소를 모두 선택한다. $("요소 선택").parents("요소 선택") : 선택한 요소를 기준으로 상위 요소 중 선택한 요소만 선택한다. 예제. class 값이 txt1인 요소와 txt2인 요소의 상위 요소를 어떻게 선택하는지 살펴보자 선택자 내용 내용 결과
[제이쿼리] 범위 제한 전체 형/동생 요소 선택자 범위 제한 전체 형/동생 요소 선택자는 선택한 요소를 기준으로 형제 요소 중 지정한 범위 내의 전체 형 요소 또는 전체 동생 요소를 선택한다. 기본형 $("요소 선택").prevUntil("범위 제한 요소 선택") : 선택한 요소를 기준으로 범위 제한 요소까지 전체 형 요소를 선택한다. $("요소 선택").nextUntil("범위 제한 요소 선택") : 선택한 요소를 기준으로 범위 제한 요소까지 전체 동생 요소를 선택한다. 예제. class 값이 txt3인 요소를 기준으로 전체 형/동생 요소를 선택한다. class="title"과 class="txt6"이 어느 요소에 포함되어 있는지 살펴보자 wrap밖 내용0 선택자 내용1 내용2 내용3 내용4 내용5 내용6 내용7 결과
[제이쿼리] 전체 형제 요소 선택자 전체 형제 요소 선택자는 선택한 요소의 모든 형제 요소를 선택한다. 기본형 : $("요소 선택").siblings(); wrap밖 인접 관계 선택자 내용1 내용2 내용3 내용4 결과
[제이쿼리] 전체 형(이전) / 동생(다음) 요소 선택자 전체 형 요소 선택자는 선택한 요소를 기준으로 이전에 오는 전체 형제 요소를 선택한다. 그리고 전체 동생 요소 선택자는 선택한 요소를 기준으로 다음에 오는 전체 형제 요소를 선택한다. 기본형 : $("요소 선택").prevAll(), $("요소 선택").nextAll() 예제. class 값이 txt인 요소를 기준으로 이전에 오는 형제 요소와 다음에 오는 형제 요소를 확인하자 wrap밖 인접 관계 선택자 내용1 내용2 내용3 내용4 결과
[제이쿼리] 형(이전) / 동생(다음) 요소 선택자 형 요소 선택자는 선택한 요소를 기준으로 바로 이전 형제 요소만 선택한다. 그리고 동생 요소 선택자는 선택한 요소를 기준으로 바로 다음 형제만 선택한다. 기본형 $("요소 선택").prev() : 선택한 요소를 기준으로 이전에 오는 형제 요소만 선택한다. $("요소 선택").next() : 선택한 요소를 기준으로 다음에 오는 형제 요소만 선택한다. $("요소 선택1 + 요소 선택2") : 선택한 요소를(요소 선택1) 기준으로 바로 다음에 오는 선택한 요소(요소 선택2)만 선택한다. 다음은 문단 태그 영역에 형 요소 선택자와 동생 요소 선택자를 적용한 예제이다. class 값이 txt인 요소를 기준으로 이전 형제 요소(내용1)와 다음 형제 요소(내용3), 다음 다음 형제 요소(내용4)를 선택한다. 인접 관..
인접 관계 선택자 인접 관계 선택자는 직접 선택자로 요소를 먼저 선택하고 그 다음 선택한 요소와 가까이에 있는(이전과 다음 요소) 요소를 선택할 때 사용한다. 인접 관계 선택자를 자유자재로 사용하려면 문서 객체 구조와 관계를 잘 이해하고 있어야 한다. a는 c의 상위(closest) 요소 c는 a의 하위 요소 b는 c의 부모(parent) 요소 c는 b의 자식(children) 요소 d는 e의 형(prev) 요소 f는 e의 동생(next) 요소 다음은 동생 요소 선택자인 next() 함수를 사용하여 의 동생 요소인 내용1를 선택한 다음 글자색을 초록색으로 적용한다. $("h2").next().css("color", "green") 다음은 부모 요소 선택자인 parent() 함수를 사용하여 의 부모 요소인 을 선택한 다음 ..
기본 선택자 제이쿼리의 기본 선택자는 다음과 같이 직접 선택자와 인접 관계 선택자로 나눌 수 있다. 구분 종류 사용법 설명 직접 선택자 전체 선택자 $("*") 모든 요소를 선택한다. 아이디 선택자 $("#아이디명") id 속성에 지정한 값을 가진 요소를 선택한다. 클래스 선택자 $(".클래스명") class 속성에 지정한 값을 가진 요소를 선택한다. 요소 선택자 $("요소명") 지정한 요소명과 일치하는 요소들만 선택한다. 그룹 선택자 $("선택 1, 선택2, 선택3 ... 선택 n") 선택 1, 선택2, 선택3 ... 선택 n에 지정된 요소들을 한 번에 선택한다. 종속 선택자 $("p.txt_1") $("p#txt_1") 요소 중 class 값이 txt_1인 요소 또는 id 값이 txt_1인 요소를 선택한다. 인접..
web.xml 태그 정리 및 설며 30 세션 유지시간을 설정 단위는 분 위코드는 30분으로 설정 *.jsp /ready.jspf /end.jspf : jsp에 관련된 여러가지 설정을 하기위한 태그 : 하나의 설정을 지정하기 위한 그룹태그 : 설정을 적용할 대상을 패턴으로 지정 (*.jsp는 모든 jsp 파일) : 패턴에 해당하는 jsp 페이지의 맨 앞부분에 include될 jsp를 지정 : 패턴에 해당하는 jsp 페이지의 맨 뒷부분
this와 $(this)의 차이점 this javascript의 경우에는 이벤트가 발생한 태그 요소가 표시된다. $(this) 제이쿼리의 경우에는 이벤트가 발생한 요소의 정보들이 Object로 표시된다. 참고 m.blog.naver.com/PostView.nhn?blogId=software705&logNo=220978986713&proxyReferer=https:%2F%2Fwww.google.com%2F [Javascript] javascript this와 $(this)의 차이점 [ this와 $(this)의 차이점 ] 얼마전까지 스크립트를 코드를 자면서 this , $(this) 를 동일한 성격으로 생... blog.naver.com
.wrap itjunijuni.tistory.com/48 Jquery[제이쿼리] wrap()메서드 배우기 안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] wrap()메서드를 배워보겠습니다. 이렇게 준비해보았습니다. 실행화면입니다. =============================== $('.b1').on('click',fu.. itjunijuni.tistory.com 안녕! 제이쿼리를 싫어하는 dev-jones입니다.

티스토리툴바