방법: CSS()를 사용하여 마우스 스타일 속성 "cursor"의 값을 "not-allowed"로 설정합니다. 구문은 "Element object.css("cursor","not-allowed")" 또는 " element.css({"커서":"허용되지 않음"})".
이 튜토리얼의 운영 환경: Windows 7 시스템, jquery 버전 1.10.2, Dell G3 컴퓨터.
마우스 금지 스타일을 설정하려면 커서 속성을 사용하세요.
CSS()를 사용하여 마우스 스타일 속성 "cursor"의 값을 "not-allowed"로 설정하세요.
두 가지 설정 구문이 있습니다:
元素对象.css("cursor","not-allowed")
元素对象.css({"cursor":"not-allowed"})구현 예:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
// $("p").css("cursor","not-allowed");
$("p").css({"cursor":"not-allowed"});
});
});
</script>
</head>
<body>
<p>一个p元素，让鼠标移动到该元素上</p>
<button>设置鼠标禁止样式</button>
</body>
</html>
설명:
cursor 속성은 마우스 포인터가 요소 경계 내에 위치할 때 사용되는 커서 모양을 정의합니다.
커서 속성의 속성값이 "허용되지 않음"인 경우 마우스 커서 모양은 금지된 패턴입니다.
cursor 속성에는 다음과 같은 값이 있습니다. 기본값은 default입니다.
| 커서는 손가락(손가락) 형태로 연결되어 있음을 나타냅니다. | 커서: 잠깐만요. 바쁜 중입니다. Cursor : 도움말; | |||
|
커서: n-resize; | 크기를 위쪽으로 변경(북)가장자리를 위로 이동할 수 있음(북) | |||
| 가장자리는 아래로 이동할 수 있음(남쪽) | cursor: e-resize; |
|||
| 상자 가장자리는 오른쪽(동쪽)으로 이동할 수 있음 ) | cursor: w-resize; | |||
| Edge는 왼쪽(서쪽)으로 이동할 수 있음 |
cursor: ne-resize; |
|||
| cursor 상자의 가장자리를 오른쪽 위(북동쪽 방향)로 이동할 수 있음을 의미합니다. | cursor: nw-resize; |
위 및 왼쪽 크기 조정(북서쪽) |
가장자리를 위쪽 및 왼쪽으로 이동할 수 있음(북서쪽) |
|
cursor: se-resize; |
오른쪽 아래로 크기 조정(남동쪽) | ( 남서부) |||
| cursor:not-allowed ; | 커서: Progress; |
|||
| 사용자 정의(애니메이션 가능) | 커서의 URL 위치 사용자 정의 |
참고: 사용자 정의 커서를 정의한 후 끝에 일반 커서를 추가하여 해당 URL로 정의된 커서를 방지할 수 있습니다. |
||
커서 속성에 값이 너무 많아서 어떻게 기억할 수 있나요? 실제로 실제 개발에서는 일반적으로 "default"와 "pointer" 두 가지 속성 값만 사용하고 나머지는 거의 사용하지 않습니다. 정말로 도울 수는 없지만 여전히 다른 것이 필요하다면 돌아와서 이런 종류의 표를 확인하십시오. | 【추천 학습: jQuery 동영상 튜토리얼 , 웹 프론트엔드 개발 | 】
위 내용은 CSS()를 사용하여 jquery에서 마우스 금지 스타일을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
React의 한계는 무엇입니까?May 02, 2025 am 12:26 AM반응 말 : 1) asteeplearningcurveduetoitsvastecosystem, 2) Seochallengswithclient-siderendering, 3) PlatiperFormanceIssUseInlargeApplications, 4) ComplexStateManagementAsAppSgrow, 및 5) theneedTokeEpupWithitsHouou
React의 학습 곡선 : 새로운 개발자를위한 도전May 02, 2025 am 12:24 AMReactisChallengingforbeginnersdueToitssteePlearningCurveanDParadigMshiftTocomponent 기반 Architection.1) 시작된 문서화 forasolidFoundation.2) startWithOficialDocumentationForAsolIdfoundation.2) 이해를 이해하는 방법
React에서 동적 목록을위한 안정적이고 고유 한 키 생성May 02, 2025 am 12:22 AMthecorechallengeenderatingStableanduniquekysfordynamiclistsinconsengingconsententifiersacrossre-rendersforefficialdomupdates
JavaScript 피로 : React 및 그 도구로 최신 상태를 유지합니다May 02, 2025 am 12:19 AMJavaScriptFatigueInreactismanageablewithstrestriveStriveStriveStiMelearningandcuratedInformationSources.1) 1))
usestate () 후크를 사용하는 테스트 구성 요소May 02, 2025 am 12:13 AMTOTESTREACTCOMPONENTSUSINSUSISTATEHOOK, useJestAndReactTestingLibraryTosimulationInteractionsandStateChangeSintheUI.1) renderTheComponentAndCheckInitialState.2) SimulateUserActionSlikeClickSorformSubMissions.3) verifyTateRecerFectsin
React의 키 : 성능 최적화 기술에 대한 깊은 다이빙May 01, 2025 am 12:25 AMkeysinReactareCrucialforopiTizingPerformanceByIningIneficiveliceListEpdates.1) uskeyStoIndifyAndTrackListElements.2) revingArrayIndiceSkeyStopReverFormanceSues.3) 선택 가능한 식당 LikeItesteM.idtomaintaintAteAndimProvePerform
React의 열쇠는 무엇입니까?May 01, 2025 am 12:25 AMRenderingListStoimproverCiliationeficiency를 사용하면 RECTKEYSAREUNIQUEINDIFIERSEDS (1) ISHELPREACTTRACKCHANGENLISTEMS, 2) 사용 ASSABLEANDUNICEIDERIDERSISTEMIDSISRECEMENDEND, 3) RepoySingArrayIndicesAskeyStopReventIsseswithReAdering 및 4) ENS
React에서 고유 키의 중요성 : 일반적인 함정 방지May 01, 2025 am 12:19 AM고유 한 KeysAreCrucialInreactforoptoropiTizing and ComponentStateIntegrity
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!
인기 기사
뜨거운 도구
Eclipse용 SAP NetWeaver 서버 어댑터
Eclipse를 SAP NetWeaver 애플리케이션 서버와 통합합니다.
VSCode Windows 64비트 다운로드
Microsoft에서 출시한 강력한 무료 IDE 편집기
SublimeText3 Linux 새 버전
SublimeText3 Linux 최신 버전
mPDF
mPDF는 UTF-8로 인코딩된 HTML에서 PDF 파일을 생성할 수 있는 PHP 라이브러리입니다. 원저자인 Ian Back은 자신의 웹 사이트에서 "즉시" PDF 파일을 출력하고 다양한 언어를 처리하기 위해 mPDF를 작성했습니다. HTML2FPDF와 같은 원본 스크립트보다 유니코드 글꼴을 사용할 때 속도가 느리고 더 큰 파일을 생성하지만 CSS 스타일 등을 지원하고 많은 개선 사항이 있습니다. RTL(아랍어, 히브리어), CJK(중국어, 일본어, 한국어)를 포함한 거의 모든 언어를 지원합니다. 중첩된 블록 수준 요소(예: P, DIV)를 지원합니다.
드림위버 CS6
시각적 웹 개발 도구
