jqueryでimg要素のsrc属性を変更する方法

img 要素の src 属性を変更する Jquery メソッド: まず、onclick クリック イベントを HTML ファイル内のボタンにバインドし、次に js タグ内に editsrc 関数を作成し、「」を通じて img を取得します。 id (myimg)" オブジェクト。最後に attr メソッドを使用して src 属性を設定します。

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

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

jquery では、img タグの src 属性は主に attr() メソッドを通じて設定され、それによって src が変更されます。 img タグの属性。

方法: まず img 要素を取得し、次に .attr("src","value") を使用して img 要素の src 属性を変更する必要があります。

詳細な紹介:

test.html ファイルで、onclick クリック イベントをボタンにバインドします。ボタンがクリックされると、editsrc() 関数が実行されます。

js タグで editsrc() 関数を作成し、関数内で $ 記号を使用して id(myimg) から img オブジェクトを取得し、attr を使用します() メソッドを使用して src 属性を設定します。たとえば、src 画像のパスを「images/3.jpg」に設定します。

test.html ファイルをブラウザで開き、ボタンをクリックして効果を確認します。

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