如何在jquery中找到一個div中的img屬性

html+jquery
代碼編纂器:Dreamweaver CS5方式/
1【如何在jquery中找到一個div中的img屬性】新建一個html文件 , 定名為test.html , 用于講解若何在jquery中找到一個div中的img屬性 。

如何在jquery中找到一個div中的img屬性



2在test.html文件內 , 引入jquery.min.js庫文件 , 當作功加載該文件 , 才能利用jquery中的方式 。

如何在jquery中找到一個div中的img屬性



3在test.html文件內 , 利用div標簽建立一個模塊 , 在div內 , 利用img標簽建立一張圖片 。

如何在jquery中找到一個div中的img屬性



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

如何在jquery中找到一個div中的img屬性



5在test.html文件內 , 利用button標簽建立一個按鈕 , 給button按鈕綁定onclick點擊事務 , 當按鈕被點擊時 , 執行getimg函數 。

如何在jquery中找到一個div中的img屬性



6在js標簽中 , 建立getimg()函數 , 在函數內 , 經由過程div的id(mydiv)屬性獲得它下面的img元素對象 , 利用attr()方式獲得src屬性 , 最后 , 利用alert()方式將獲得的屬性輸出 。

如何在jquery中找到一個div中的img屬性



7在瀏覽器打開test.html文件 , 點擊按鈕 , 查看實現的結果 。

如何在jquery中找到一個div中的img屬性




以上內容就是如何在jquery中找到一個div中的img屬性的內容啦 , 希望對你有所幫助哦!

    猜你喜歡