전체 글66 jQuery 입력양식-선택자 - input요소에 테두리 2px 라임색, 배경색 핑크색 주기 - input type이 button이거나 button요소에 배경색 노란색 주기 - button요소에 배경색 하늘색 주기 - type이 submit요소에 배경색 녹색주기 - type이 reset인 요소에 배경색 노란색 주기 - type이 text, password인 요소에 테두리 20px 파란색 주기 - type이 file, image인 요소에 테두리 20px 빨간색 주기 2020. 1. 4. jQuery 선택자 속성에 스타일 주기 - 타입이 버튼인 input요소에 배경색 노란색 주기 - href가 mailto로 시작하는 a 요소에 배경색 핑크색 주기 - id가 img1이 아닌 img요소에 테두리 5px 녹색 주기 - src가 png로 끝나는 img요소에 테두리 4px 빨간색 주기 - 타입이 text인 input요소에 테두리 4px 노란색 주기 - title이 named를 포함한 img요소에 테두리 4px 회색 주기 - href가 power2c를 포함한 a 요소에 밑줄 지우기 - id가 little이거나 little-로 시작하는 img요소에 테두리 20px 남색주기 - alt 속성을 같는 img요소에 테두리 2px 빨간색 주기 2020. 1. 4. jQuery 선택자-속성 선택자-속성 ex) - $('input[type=text]').css('background','red'); -> 타입이 text인 input요소에 배경색 빨간색 주기 - $('a[href*=hi]').css('background','olive'); -> href이 hi를 포함한 a요소에 배경색 올리브색 주기 - $('img[id|=jQuery]').css('border','solid 1px black'); -> img태그 id가 jQuery이거나 jQuery- 로 시작하면 테두리 검은색 주기 - $('img[src$=jpg]').css('border','solid 1px gray'); -> src가 jpg로 끝나는 img태그의 테두리 회색 주기 2020. 1. 4. jQuery 기본필터, 내용필터 기본필터 ex) - $('li:first').css('background','yellow'); -> 첫번째 li 태그에 배경색 노락색 주기 - $('li:last').css('background','red'); -> 마지막 li태그에 배경색 빨산색 주기 - $('tr:even').css('background','blue'); -> tr태그의 짝수번째 배경색 파란색 주기 - $('tr:odd').css('background','green'); -> tr태그의 홀수번째 배경색 녹색 주기 내용필터 ex) - $('span:contains(Hi)').css('background','red'); -> Hi가 포함된 span태그에 배경색 빨간색 주기 - $('div:empty').css('background', '.. 2020. 1. 4. jQuery 필터로 내용에 스타일 주기 - span 태그에 jQuery 라는 내용이 포함되면 테두리 4px 파란색 주기 - span 태그에 jQuery 라는 내용이 포함되어 있지 않으면 테두리 4px 빨간색 주기 - span 태그를 가지고 있는 div 태그에 테두리 4px 녹색 주기 - 아무 내용도 들어있지 않은 div태그에 테두리 4px 오렌지색 주기 - div의 후손 span 태그의 폰트색 빨간색, 폰트크기 1.5em, 폰트 굵게 주기 2020. 1. 4. jQuery 선택자-엘리먼트 관련 * -> 모든 요소 E1 -> 태그명이 E1인 모든 요소 E1.class -> E1요소 중 Class 속성 값이 class와 같은 모든 요소 E1#id -> E1 요소 중 ID 속성값이 id와 같은 요소 E1,E2 -> 모든 E1요소와 모든 E2요소 E1 E2 -> E1의 자식 요소 중 모든 E2요소(후손) E1>E2 -> E1의 바로 아래 자식요소 중 모든 E2요소(자식) E1+E2 -> E1의 바로 다음에 오는 형제요소 중 E2요소 E1~E2 -> E1의 다음에 나오는 형제요소 중 모든 E2요소 2020. 1. 4. 이전 1 ··· 6 7 8 9 10 11 다음
