:: 글답변 :: 이 름 패스워드 이메일 홈페이지 옵 션 html  분 류 선택하세요 Html CSS Script JQuery ASP PHP GNU .NET MySQL MsSQL DNS SEO ENG IONIC REACT 제 목 > > > <!-- 속성 변경 응용 --> > > <script src="../js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script> > <script type="text/javascript"> > $(document).ready(function () { > //[1] get > alert($('a').attr('href')); // get > > //[2] set : img에 마우스 오버시 이미지 변경 > $('img:first').mouseover(function () { > $(this).attr("src", > "http://www.dotnetkorea.com/Website/Portals/0/dotnetkorealogo.gif"); > }); > > //[3] 마우스오버/아웃시 다른 이미지 표시 , 파일이 있으면 변함 > $('#copy').mouseover(function () { > $(this).attr('src', "../images/icon_copy_over.gif"); > }); > $('#copy').mouseout(function () { > $(this).attr('src', "../images/icon_copy.gif"); > }); > }); > </script> > > <a href="http://www.dotnetkorea.com/">닷넷코리아</a> > <img src="images/logo.jpg" alt="닷넷코리아로고" /> > <img src="../images/icon_copy.gif" id="copy" /> > > > <br> > <!-- 속성 추가 --> > > <script type="text/javascript"> > $(document).ready(function () { > $("#com").attr({ > src: "../ProductImages/COM-01.jpg", > alt: "컴퓨터", > title: "좋은컴퓨터" > }); > }); > </script> > <img id="com" /> > > > <br> > <!-- 속성 삭제 --> > > <script type="text/javascript"> > $(document).ready(function () { > // 버튼 클릭시 특성/속성/attribute/어트리뷰트/애트리뷰트 제거 > $('#btnRemove').click(function () { > $('img:last').removeAttr("src"); // src 속성 삭제 > }); > }); > </script> > > <input type="button" id="btnRemove" value="src삭제" /> > <img src="../ProductImages/thumbs/HARDWARE-01.jpg" alt="하드웨어" /> > <img src="../ProductImages/thumbs/HARDWARE-01.jpg" alt="하드웨어" /> > 링크 #1 링크 #2 파일첨부   왼쪽의 글자를 입력하세요.