jQuery에서mouseover와mouseenter,attr와prop,attr와css의 차이

오늘은 주로 mouseover와mouseenter,attr와prop,attr와css 세 가지 차이점을 말씀드리겠습니다.
하나.mouseover와 mouseenter의 차이 1) 두 쌍의 이벤트:
mouseover------mouseout
mouseenter-----mouseleave
2)차이점:
mouseover와mouseout에서 이벤트가 발생할 수 있습니다. 즉 마우스를 현재 요소의 하위 요소나 부모 요소로 옮기거나 옮길 때 이 이벤트를 촉발합니다.
mouseenter와mouseleave 이벤트는 거품이 생기지 않습니다. 마우스를 옮기거나 옮길 때, 단일 서명 요소의 하위 요소나 부모 요소가 이 이벤트를 촉발하지 않습니다.
사례: 컨트롤러 출력을 보시면 마우스가 하위 div3로 이동할 때도 이벤트를 촉발할 수 있습니다. 이것이 바로 마우스 오버의 이벤트 거품입니다.




    
    Title


    





    $("#div1")
        .mouseover(function () {
            console.log('mouseover   ');
        })
        .mouseout(function () {
            console.log('mouseout   ');
        })

    $("#div2")
        .mouseenter(function () {
            console.log('mouseenter   ');
        })
        .mouseleave(function () {
            console.log('mouseleave   ');
        })

2. attr()와prop()의 차이
차이점:
부울 유형이 아닌 속성은 attr()를 사용합니다.
checked,selected,disabled 같은 부울 (boolean) 유형의 속성을 prop () 로 조작하기
3. attr()와 css()의 차이
차이점:
1) attr()는 태그 속성을 가져오거나 설정하는 데 사용됩니다(Html 태그와 관련)
2) css () 는 요소의 스타일 속성을 가져오거나 수정하는 것입니다. (스타일과 관련이 있습니다.)
3) 전자는 의 src 속성을 수정할 수 있고, 의 href 속성을 수정할 수 있으며, 의 title 속성을 수정할 수 있다.그러나 후자는 안 된다. 그는 양식과 관련된 특징만 수정할 수 있다.그래서 후자는 전자의 서브집합이고 스타일이라는 특정한 속성을 조작할 뿐이다총괄: 그들 사이의 차이는 한마디로 요약할 수 있다. 즉,attr 설정과 특정한 속성 값 얻기, css 설정과 스타일의 속성 얻기.

jQuery에서mouseover와mouseenter,attr와prop,attr와css의 차이

좋은 웹페이지 즐겨찾기