>  기사  >  웹 프론트엔드  >  jquery에서 CSS 메서드를 사용하여 버튼을 클릭할 수 없도록 만드는 방법

jquery에서 CSS 메서드를 사용하여 버튼을 클릭할 수 없도록 만드는 방법

coldplay.xixi
coldplay.xixi원래의
2021-01-20 11:02:061709검색

jquery가 CSS 메서드를 사용하여 버튼을 클릭할 수 없게 만드는 방법: CSS 메서드를 사용하여 요소의 CSS 스타일을 가져오거나 요소의 CSS 스타일을 설정합니다. 코드는 [$('#btn').css( '포인터 이벤트', '없음');].

jquery에서 CSS 메서드를 사용하여 버튼을 클릭할 수 없도록 만드는 방법

이 튜토리얼의 운영 환경: windows7 시스템, jquery3.2.1&&css3 버전, DELL G3 컴퓨터 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

추천: jquery 비디오 튜토리얼

CSS 메서드를 사용하여 버튼을 클릭할 수 없게 만드는 jquery 메서드:

css() 메서드: 요소의 CSS 스타일을 가져오거나 요소의 CSS 스타일을 설정하는 데 사용됩니다. 요소.

  • pointer-events 속성: 속성 이벤트의 대상이 되는 시점을 설정하거나 검색합니다.

  • auto: 포인터 이벤트 속성이 지정되지 않은 경우와 성능이 동일합니다. svg 콘텐츠의 visible채색 값과 동일

  • none: 요소는 결코 마우스 이벤트의 대상이 되지 않습니다. 그러나 포인터 이벤트 속성이 다른 값을 지정하는 경우 마우스 이벤트는 하위 요소로 전달될 수 있습니다. 이 경우 마우스 이벤트는 캡처 또는 버블링 단계에서 상위 요소의 이벤트 리스너를 트리거합니다.

구현 방법:

$('#btn').css('pointer-events', 'none');

효과:

jquery에서 CSS 메서드를 사용하여 버튼을 클릭할 수 없도록 만드는 방법

관련 무료 학습 권장 사항: javascript(동영상)

위 내용은 jquery에서 CSS 메서드를 사용하여 버튼을 클릭할 수 없도록 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.