jQuery36 jQuery 필터 속성에 스타일 주기 - 첫번째 li태그에 배경색 노란색 주기 - 마지막 li태그에 배경색 노란색 주기 - li태그 0~3까지 폰트 크기 30px주기 - 5번째 li태그에 배경색 빨간색 주기 - 짝수번째로 오는 tr태그에 배경색 밝은 파란색 주기 - 홀수번째로 오는 tr태그에 배경색 회색 주기 * 인덱스 번호가 0부터 시작하므로 첫번째 줄에 오늘 글이 1번이 아닌 0번이 된다. 2020. 1. 4. 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. 이전 1 2 3 4 5 6 다음
