ホームページ > 記事 > ウェブフロントエンド > jqueryで属性を削除する方法
jquery では、removeAttr() メソッドを使用して、指定した要素の属性を削除できます。このメソッドの機能は、選択した要素から 1 つ以上の属性を削除することです。構文は「指定された要素オブジェクト」です。 .removeAttr('要素属性を指定')"。
このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。
jquery では、removeAttr() メソッドを使用して、指定された要素の属性を削除できます
新しい HTML ファイルを作成し、名前を付けますtest.html. jquery が要素の属性を削除する方法を説明するために使用されます。 p タグを使用してテキスト行を作成し、その id 属性を title に設定します。 p タグに data 属性を追加し、属性値「This is a title」を設定します。
ボタン ボタンを作成し、onclick クリック イベントをボタンにバインドし、ボタンがクリックされたときに delattr() 関数を実行します。
js タグで delattr() 関数を作成します。関数内で、id を介して p タグ オブジェクトを取得し、removeAttr() メソッドを使用して指定された要素属性を削除します。たとえば、データ属性はここにあります。
test.html ファイルをブラウザで開き、ボタンをクリックして結果を表示します。
概要:
1. p タグを使用してテキスト行を作成し、その id 属性を次のように設定します。 myppp、および give p タグはデータ属性を追加します。
2. js で、id を介して p タグ オブジェクトを取得し、removeAttr() メソッドを使用して、指定された要素属性を削除します。
Note
removeAttr() メソッドは、要素の任意の属性を削除できます。
推奨される関連ビデオ チュートリアル: jQuery ビデオ チュートリアル
以上がjqueryで属性を削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。