ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryを使ってタグの属性値を変更する方法

jqueryを使ってタグの属性値を変更する方法

coldplay.xixi
coldplay.xixiオリジナル
2020-11-27 15:08:556480ブラウズ

jquery を使用してタグ属性値を変更する方法: 最初に p タグを使用してファイル内にテスト テキストを作成し、id 属性を追加します。次に、onclick クリック イベントをボタン ボタンにバインドし、最後に使用します。 [attr()]メソッド idの属性値を変更します。

jqueryを使ってタグの属性値を変更する方法

このチュートリアルの動作環境: Windows 7 システム、jquery バージョン 3.2.1. この方法は、すべてのブランドのコンピューターに適しています。

jquery を使用してラベルの属性値を変更する方法:

1. 新しい HTML ファイルを作成し、test.html という名前を付けます。 jquery がラベルの属性を変更する方法。

jqueryを使ってタグの属性値を変更する方法

#2. test.html ファイルで、p タグを使用してテスト テキストの行を作成します。コードは次のとおりです。

3. test.html ファイルの p タグに id 属性を追加します。属性値は mytest です。次に、jquery メソッドを使用してこの属性を変更します。

jqueryを使ってタグの属性値を変更する方法

4. test.html ファイルで、button タグを使用してボタンを作成し、onclick クリック イベントを button ボタンにバインドし、ボタンがクリックされたときに、 editid()関数を実行します。

jqueryを使ってタグの属性値を変更する方法

5. js タグで editid() 関数を作成し、その関数内で要素名から p タグ オブジェクトを取得し、

attr() を使用します。 jqueryを使ってタグの属性値を変更する方法 このメソッドは、id の属性値を、たとえば mynewtest に変更します。

#6. ブラウザで test.html ファイルを開き、ボタンをクリックしてソース コード変更の効果を確認します。

jqueryを使ってタグの属性値を変更する方法

関連する無料学習の推奨事項: jqueryを使ってタグの属性値を変更する方法javascript

(ビデオ)

以上がjqueryを使ってタグの属性値を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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