jquery怎么獲取div下的img對象

在jquery中, 可以使用$符號, 通過指定的div的id和元素名稱獲得img圖片對象 。 下面小編以獲得img對象, 并取得它的圖片地址為例, 講解jquery怎么獲取div下的img對象 。

jquery怎么獲取div下的img對象




需要這些哦
jquery+html
代碼編纂器:z studio 10.0
方式/
1新建一個html文件, 定名為test.html, 用于講解js怎么獲取div下的img對象 。
jquery怎么獲取div下的img對象



2在test.html文件內, 在div標簽內, 利用img標簽建立一張圖片 。
jquery怎么獲取div下的img對象



3在test.html文件內, 設置div的 id為mydiv, 本家兒要用于下面經由過程該id獲得div對象 。
jquery怎么獲取div下的img對象



4在test.html文件內, 建立一個button按鈕, 給button綁定onclick點擊事務, 當按鈕被點擊時, 執行getImg()函數 。
jquery怎么獲取div下的img對象



5在js標簽內, 建立getImg()函數, 在函數內, 經由過程$符號, 利用div的id和img元素名稱獲得圖片對象, 再利用attr()方式獲得圖片的地址 。
jquery怎么獲取div下的img對象



6在瀏覽器打開test.html文件, 點擊按鈕, 查看實現的結果 。
jquery怎么獲取div下的img對象



總結:1【jquery怎么獲取div下的img對象】1、給指定的div設置id屬性 。
2、利用$符號, 經由過程指定的div的id和元素名稱獲得img圖片對象 。

注重事項除了上面的方式外, 還可以給img界說一個id或class屬性, 直接獲得img對象 。

以上內容就是jquery怎么獲取div下的img對象的內容啦, 希望對你有所幫助哦!

    猜你喜歡