<script>
$( "div.overout" ).mouseover(function() {
});
</script>
아니면
<font id="sss" color="#CCCCCC" onmouseover=style.color='#ED4545' onmouseout=style.color='#CCCCCC'>abcd</font>
$(document).ready(function () {
$('#sss').hover(function() {
$(this).css('color','#ed4545');
}, function() {
$(this).css('color','#cccccc');
});
});
이렇게 변경하는 방법이 있는데요
이것이 아니라
기존 아래 태그가
font id="font" color="#CCCCCC" >abcd</font> |
jquery 이벤트 적용으로
2 |
<font id="syh" color="#CCCCCC" onmouseover=style.color='#ED4545' onmouseout=style.color='#CCCCCC'>abcd</font> |
이렇게 부여하는 방법을 알고 싶습니다.
말그대로 태그에 100% 부여하고싶다는 의미입니다.
마우스 오버 하면 태그가 변환되는것이 아니라 ㅠ,ㅠ
kaido님 감사합니다!!!
해결했습니다. ㅠ,.ㅠ
$(document).ready(function () {
$('#id').attr("onmouseover", "color='#ED4545'");
$('#id').attr("onmouseout", "color='#CCCCCC'");
});
그런데 이렇게 하면 태그가
<font id="id" color="#CCCCCC" onmouseover="color='#ED4545'" onmouseout="color='#CCCCCC'">abcd</font>
이렇게 되는데요 여기서
가져오기 할때는 어떻게 하죠? ㅠ,ㅠ
console.log($('#id').attr("onmouseover"));
이렇게 하면 undefined 로 나오네요 ㅠ,.ㅠ
attr() 이벤트를 사용하시는 방법이 있는데, attr()으로 속성 추가는 약간 한계가 있습니다.
[직접 attr로 스크립트를 삽입해본 적은 저도 없네요 ㅎㅎ ]
아니면
remove()로 지우고 html() 으로 아예 만드는 방법이 있긴 합니다.
$("#font").remove(); $("#id").html("<font id='syh' color='#CCCCCC' onmouseover=style.color='#ED4545' onmouseout=style.color='#CCCCCC'>abcd</font>");하지만 이또한 추천하지 않습니다. [약간 규칙에 어긋나거든요]
굳이 id 값에 스크립트 in-line 으로 삽입 시켜야 하는 이유라도 있으신지?
무엇보다 마우스 온오버... css에서는 호버 기능은 css 만으로도 충분히 해결이 되어서 복잡하게 jQeury 까지 사용하지 않으셔도 됩니다.
css hover 에대해서 한번 검색 해 보심을 추천합니다.