ホームページ > ウェブフロントエンド > jsチュートリアル > jqueryにタグ属性を追加する方法

jqueryにタグ属性を追加する方法

coldplay.xixi
リリース: 2020-11-19 16:51:22
オリジナル
3991 人が閲覧しました

jquery でタグ属性を追加する方法: まず html タグ要素を作成し、次に js タグでタグ オブジェクトを取得し、[attr()] メソッドを使用してタグ オブジェクトに属性を追加します。

jqueryにタグ属性を追加する方法

jquery にタグ属性を追加する方法:

1. 新しい HTML ファイルを作成し、test という名前を付けます。 html. jquery がタグに属性を追加する方法を説明するために使用されます。

jqueryにタグ属性を追加する方法

2.test.html ファイルに jquery.min.js ライブラリ ファイルを導入し、ファイルを正常にロードしてから、jquery のメソッドを使用できるようにします。

jqueryにタグ属性を追加する方法

3. test.html ファイルで、p タグを使用してテスト テキストの行を作成します。

jqueryにタグ属性を追加する方法

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

jqueryにタグ属性を追加する方法

5. js タグ内で、addsx() 関数を作成し、その関数内で要素名から p タグ オブジェクトを取得し、attr() メソッドを使用します。 mypp の p タグの ID を設定します。

jqueryにタグ属性を追加する方法

#6. ブラウザで test.html ファイルを開き、ボタンをクリックしてソース コードを表示し、結果を表示します。

jqueryにタグ属性を追加する方法

関連する無料学習の推奨事項: JavaScript (ビデオ)

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート