ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryでdivを禁止する方法

jQueryでdivを禁止する方法

藏色散人
藏色散人オリジナル
2021-12-01 11:47:582815ブラウズ

jquery で div を無効にする方法: 1. JQuery の off() メソッドを使用して div を無効にします; 2. JQuery と CSS の「pointer-events: none;」を組み合わせて div を無効にします。

jQueryでdivを禁止する方法

#この記事の動作環境: Windows7 システム、jquery3.2.1 バージョン、DELL G3 コンピューター

方法jQueryでdivを禁止しますか?

JQuery を使用して div を無効にする 2 つの方法

最初の方法:

JQuery の off () を使用するメソッド:

$('#example').off('click');

このメソッドを使用した後に再度有効にしたい場合は、バインディング イベントを '#example' に再度追加する必要があります。つまり:

$('#example').on('click', function() {
    //...事件代码...
}

2 番目の方法:

CSS 'pointer-events: none;' と組み合わせて JQuery を使用して、次のことを実現します:

.p-not-click {
    pointer-events: none;
}
// 禁用p
$('#example').addClass('select-not-click');

// 启用p
$('#example').removeClass('select-not-click');

個人的には 2 番目の方法を使用することをお勧めします

推奨調査: "

jquery ビデオ チュートリアル "

以上がjQueryでdivを禁止する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。