jQuery html 요소 제거 또는 비활성화 클릭 이벤트 상용 방법 요약

1337 단어
본고의 실례는 jQuery가 html 요소를 제거하거나 사용하지 않는 데 자주 사용하는 방법을 설명한다.여러분에게 참고하도록 공유하겠습니다. 구체적으로는 다음과 같습니다.
html 요소를 제거하거나 사용하지 않는 클릭 이벤트는 css를 통해 할 수도 있고 js나 jQuery를 통해 할 수도 있습니다.
1. CSS 방법
.disabled { pointer-events: none; }
2. jQuery 방법
방법 1

$(this).click(function (event) {
event.preventDefault();
}


방법 2

$('a').live('click', function(event) {
   alert("  ,   !");
   event.preventDefault();
});


주: 이 방법 중의 라이브도 on,bind 등의 방법으로 할 수 있다
방법 3

$('.disableCss').removeAttr('onclick');//      onclick  


removeAttr 방법으로 html 탭의 속성이 이벤트를 사용하거나 사용하지 않도록 제어합니다.또한 이런 방식을 사용하면 다른 이벤트나 다른 효과도 제어할 수 있다.
방법

$('#button').attr('disabled',"true");//  disabled  
$('#button').removeAttr("disabled"); //  disabled  


주: 방법 3과 같지만disabled 속성은 보통button이나submit의 input에 사용됩니다.
PS: 자바스크립트의 일반적인 이벤트와 기능 설명에 대한 온라인 대조표를 첨부하여 참고할 수 있습니다.
javascript 이벤트 및 기능 설명:http://tools.jb51.net/table/javascript_event
더 많은 jQuery 관련 내용에 관심이 있는 독자들은 본 사이트의 주제를 보실 수 있습니다.,,,,,,,,,,,,,,, 그리고,,
본고에서 서술한 것이 여러분의 jQuery 프로그램 설계에 도움이 되었으면 합니다.

좋은 웹페이지 즐겨찾기