| 제목 | jquery로 html에 onmouseover 부여 하는 방법입니다. | ||||||
|---|---|---|---|---|---|---|---|
| 글쓴이 | amkorjquery | 작성시각 | 2016/10/21 16:49:01 | ||||
|
|
|||||||
<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');
});
});
이렇게 변경하는 방법이 있는데요
이것이 아니라
기존 아래 태그가
jquery 이벤트 적용으로
이렇게 부여하는 방법을 알고 싶습니다.
말그대로 태그에 100% 부여하고싶다는 의미입니다.
마우스 오버 하면 태그가 변환되는것이 아니라 ㅠ,ㅠ |
|||||||
| 다음글 | 알림 이메일 전송과 관련된 질문입니다. (4) | ||||||
| 이전글 | 이메일 전송 첨부파일 다운로드 기능. (3) | ||||||
|
kaido
/
2016/10/21 17:07:55 /
추천
0
|
|
amkorjquery
/
2016/10/21 17:34:45 /
추천
0
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 에대해서 한번 검색 해 보심을 추천합니다.