jquery 코드 실행이 안됩니다.

jquery 코드 실행이 안됩니다.

QA

jquery 코드 실행이 안됩니다.

본문

li를 클릭하면 해당li에 class on을 부여하는 함수입니다.


$(document).ready(function () {
    var test = document.getElementsByTagName("li");
    $(test).onmouseup(function () {
        
        $(test).click(function(){
            
                    if ($(this).hasClass("on")) { // 클릭한 요소가 clicked이라는 클래스명을 가지고 있을 때

            $(this).removeClass("on");
        } else {
            $(this).addClass("on");
        }
            
            
            
        })
 

이 질문에 댓글 쓰기 :

답변 1

예제 코드입니다.


<ul>
    <li class="my_li">aaa</li>
    <li class="my_li">bbb</li>
    <li class="my_li">ccc</li>
</ul>    
<script>
$(document).ready(function () {
    var test = document.getElementsByTagName("li");
    $('.my_li').hover(
        function() {        
            $(this).addClass('on');
        },
        function() {
            $(this).removeClass('on');
        }
    );
});    
</script>

 

※ 참고글입니다. https://stackoverflow.com/a/275912

https://webisfree.com/2015-11-25/%EC%A0%9C%EC%9D%B4%EC%BF%BC%EB%A6%AC-hover()-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EB%B0%B0%EC%9A%B0%EA%B8%B0

답변을 작성하시기 전에 로그인 해주세요.
전체 1,020
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT