제이쿼리/선택자 (5) 썸네일형 리스트형 [제이쿼리] - 컨텐츠 탐색 선택자 contains/ contents/ has / not / end / find / filter / is 컨텐츠 탐색 선택자 :요소 또는 속성의 포함 여부에 따라 특정 요소를 선택하는 선택자이다. contains() / contents() / has() / not() / end()선택자 1. contains() : 선택한 요소 중 지정한 텍스트를 포함하는 요소만 선택한다. [기본형]$('요소선택:contains(텍스트)') 2. contents() : 선택한 요소의 하위 요소 중 자손의 텍스트와 태그 노드를 선택한다.[기본형]$('요소선택').contents() 3. has() : 선택한 요소 중 지정한 태그를 포함하는 요소만 선택한다. [기본형]$("요소선택:has(요소명)") 또는 $('요소선택').has() 4. not() : 선택한 요소 중 지정한 태그만 제외하고 .. [제이쿼리] - ★속성 탐색 선택자 / 속성과 값에 따른 선택자 / 속성 상태에 따른 선택자 속성 탐색 선택자 ★ 선택한 요소를 기준으로 일치하는 속성의 포함여부를 따져 요소를 선택하는 선택자이다.예를 들어 img태그 중 경로가 ./img/~~jpg와 일치하는 요소가 있는 지 찾을 때 사용한다.form요소에 많이 사용한다. value값을 찾거나 input의 type을 찾을 때 사용. css, 자바스크립트, 제이쿼리에도 다 있는 문법이다.속성과 값에 따른 선택자 :선택한 요소 중 지정한 속성과 일치하는 속성이 있는지, 없는지 포함여부를 따져 요소를 선택한다. [기본형] 1. $('요소선택[속성명]') : 선택한 요소 중 지정한 속성명이 있는 요소만 선택한다. (css에서 input [ type ]이렇게 썼던 것) 2. $('요소선택[속성명 = 값]') 선택한 요소 중 지정한 속성명과 값이 전부 .. [제이쿼리] - eq, lt, gt 탐색 선택자 / first-of-type, last-of-type / nth-child, nth-last-of-type / only-child / slice 선택자 / css 객체로 적용하는 법 태그를 선택하면 배열처럼 담기게 된다. 이때 아래의 것들을 사용한다. eq(index), lt(index), gt(index) 탐색 선택자 1. ★ eq(index)탐색자 : 선택한 요소 중 지정한 인덱스가 참조하고 있는 요소만 선택한다.2. lt(index)탐색자 : 선택한 요소 중 지정한 인덱스보다 작은(less Than)인덱스의 요소만 선택한다.3. gt(index)탐색자 : 선택한 요소 중 지정한 인덱스보다 큰(Greater Than)인덱스의 요소만 선택한다. [기본형]1. $('요소선택:eq(index)') 또는 $('요소선택').eq(index)2. $('요소선택:lt(index)')3. $('요소선택:gt(index)')eq기본값에서0 매서드 형태는 인수값을 넘기거나 함수를 넣을 수 있다. .. [제이쿼리] - ★ 탐색 선택자 / 위치 탐색 선택자 (first , last , even , odd ) ★ 탐색 선택자 탐색 선택자를 사용하면 기본 선택자로 선택한 요소 중 원하는 요소를 한 번 더 탐색하여 더 정확하게 선택할 수 있다. 대표적인 탐색 선택자는 배열의 index를 사용해 선택하는 '위치 탐색 선택자'와 배열에 담겨진 요소 중 지정된 속성과 값으로 선택하는 '속성 탐색 선택자'가 있다. 이 외에도 컨텐츠의 포함 여부로 다시 선택할 수 있는 '컨텐츠 탐색 선택자'와 '필터링 선택자'도 있다. 위치 탐색 선택자 : 기본 선택자로 태그 요소를 선택하면 이 요소들은 배열에 담긴다.☆ 이때 배열의 인덱스를 사용하면 특정 요소를 좀 더 정확하게 선택할 수 있다. 1. first / last 선택자 : first 선택자는 선택된 요소 중 첫 번째 요소만 선택하고, last 선택자는 요소.. [제이쿼리] - 제이쿼리 선택자 / 직접선택자, 인접관계 선택자 / 제이쿼리 체이닝 기법 제이쿼리 체이닝 기법 매서드를 여러 개 연결하여 사용하는 기법.마치 체인이 연결된 것처럼 생겼다고 해서 체이닝 기법이라고 한다. ex) $('.txt').css('color', 'red').css('background', 'pink');제이쿼리 선택자 제이쿼리 선택자란 DOM안의 태그 요소를 선택할 때 사용하는 선택자이다. 제이쿼리 선택자의 종류로는 크게 '직접 선택자' 와 '인접 관계 선택자'로 나눠진다. 직접 선택자 : 태그를 직접 선택한다고 해서 직접 선택자라고 부른다. 1. *(전체 선택자) 2. #(아이디 선택자) 3. .(class선택자) 4. ,(그룹선택자) 5. 태그명.클래스명 또는 태그명#아이디명(종속선택자)가 있다. 제이쿼리에서 태그를 선택할 때에는 $(" ")안에 선택자의 이름을.. 이전 1 다음
