jquery에서 클릭할 수 없는 요소를 얻는 방법
- 藏色散人원래의
- 2021-01-18 09:06:182502검색
jquery로 클릭할 수 없는 요소를 구현하는 방법: 먼저 버튼 태그, div 태그 및 앵커 태그를 추가한 다음 "$(this).attr("disabled", "disabled");" 지정된 태그가 비활성화되었습니다.
이 튜토리얼의 운영 환경: Windows 7 시스템, jquery 버전 1.10.0, Dell G3 컴퓨터.
권장: jQuery 비디오 튜토리얼
많은 경우 특정 조건에 따라 특정 작업을 수행한 후 HTML 버튼이나 입력 태그를 비활성화하거나 웹 페이지에서 제거하도록 설정해야 합니다. 버튼을 클릭할 수 없게 만드는 방법, 즉 jquery를 사용하여 버튼을 비활성화하는 방법을 찾고 있다면 올바른 위치에 오셨습니다.
예를 들어 버튼을 클릭하면 응답이 올 때까지 jquery ajax 함수가 호출되는 경우 버튼을 비활성화해야 합니다(클릭할 수 없음). 사용자가 버튼을 계속해서 누르지 않도록 버튼을 비활성화하는 것이 좋습니다.
이 게시물에서는 버튼 태그, 앵커 태그 또는 div, li 요소 등 모든 버튼을 비활성화하는 방법을 설명합니다.
HTML 마크업: 버튼, div, 태그 추가
여기서 버튼 태그, div 태그 및 앵커 태그를 추가합니다. 일단 클릭하면 클릭할 수 없게(비활성화) 만들고 싶습니다.
<div id="btnDiv">DIV CLICK</div>
<input id="btnButton" type="button" value="Button Click me" />
<a href="/" id="btnAnchr">Anchor Tag Click me</a>
Jquery代码：禁用HTML元素（div,button,anchor标签）
$("#btnButton").on('click', function () {
// JQUERY
$(this).attr("disabled", "disabled");
// JavaScript
document.getElementById("btnButton").setAttribute("disabled", "disabled");
console.log("btn clicked");
});
$("#btnDiv").on('click', function () {
$(this).off('click');
document.getElementById("btnDiv").setAttribute("disabled", "disabled");
console.log("Div clicked");
});
$("#btnAnchr").on('click', function (e) {
$(this).attr("disabled", "disabled");
e.preventDefault();
});위 코드 설명: 버튼이나 div를 클릭하면 라벨이 즉시 비활성화됩니다(클릭할 수 없음).
전체 코드:
<html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
<br>
请用Chrome或Firefox浏览器访问该网页，按F12打开控制台(console)，
然后点击下面的div或按钮，看日志(log)变化。
</br><br>
<div id="btnDiv" style="width:80px;background:#cccccc;padding:3;">
DIV CLICK
</div></br>
<input id="btnButton" type="button" value="Button Click me" /></br></br>
<a href="/" id="btnAnchr">Anchor Tag Click me</a></br></br>
<script type="text/javascript">
$("#btnButton").on('click', function () {
// JQUERY
$(this).attr("disabled", "disabled");
// JavaScript
document.getElementById("btnButton").setAttribute("disabled", "disabled");
console.log("btn clicked ");
});
$("#btnDiv").on('click', function () {
$(this).off('click');
document.getElementById("btnDiv").setAttribute("disabled", "disabled");
console.log("Div clicked ");
});
$("#btnAnchr").on('click', function (e) {
$(this).attr("disabled", "disabled");
e.preventDefault();
});
</script>
</body>
</html>위 내용은 jquery에서 클릭할 수 없는 요소를 얻는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!