공개 게시판 > 공부 > (JQuery Source) Attr

Business
- Business
Information
- Information
Study
- IONIC REACT PHP GNU MySQL ASP .NET MsSQL Html CSS Script SEO DNS JQuery Eng
book
- book
free
- free

작성일 : 11-11-30 14:50

[JQuery] (JQuery Source) Attr

글쓴이 : 조형래

<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="하드웨어" />



조형래 12-08-07 14:37 attr 을 사용해 form 의 action 을 변경할때, $('#button1').click(function(){ $('#your_form').attr('action', 'second.asp'); }); attr 을 사용해 form 의 action 을 변경할때, $('#button1').click(function(){ $('#your_form').attr('action', 'second.asp'); });