:: 글답변 :: 이 름 패스워드 이메일 홈페이지 옵 션 html  분 류 선택하세요 Html CSS Script JQuery ASP PHP GNU .NET MySQL MsSQL DNS SEO ENG IONIC REACT 제 목 > > > <style type="text/css"> > .redBorder { border:solid 1px red; } > .five { border-width:5px; } > .red { color:Red; } > .silver { background-color:Silver; } > </style> > <script src="js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script> > <script type="text/javascript"> > $(document).ready(function () { > $('img').addClass('redBorder') // 모든 이미지에 redBorder 클래스 적용 > .filter('[title*=닷넷]').addClass('five') // '닷넷' title만 뽑아서 five 클래스 적용 > .end() // 부모로 이동 > .filter('[alt$=디드]').removeClass('redBorder'); // '디드'로 끝나는 스타일 제거 > // size() 해당 결과값(집합)의 개수 > alert("현재 웹 페이지에는 " + $('input').size() + "개의 input 태그가 있다."); > // 2번째와 3번째만 스타일 적용 > $('input').slice(1, 3).addClass('red'); // 1번째 인덱스에서 (3-1)번째 인덱스까지 > > $(':text').addClass("Silver"); // 모든 텍스트박스의 배경을 Silver로 설정 > > }); > </script> > <img src="" title="닷넷" alt="닷넷" /> > <img src="" title="자바" alt="자바" /> > <img src="" title="임베디드" alt="임베디드" /> > > <input type="button" value="버튼" /> > <input type="button" value="버튼" /> > <input type="button" value="버튼" /> > <input type="button" value="버튼" /> > > <input type="text" value="test"> > 링크 #1 링크 #2 파일첨부   왼쪽의 글자를 입력하세요.