jquery怎么創建一個img標簽

html+jquery
代碼編纂器:Dreamweaver CS5方式/
1新建一個html文件 , 定名為test.html , 用于講解jquery怎么建立一個img標簽 。

jquery怎么創建一個img標簽



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

jquery怎么創建一個img標簽



3在test.html文件內 , 利用div標簽建立一個模塊 , 并設置其id屬性為pic , 本家兒要用于下面經由過程該id獲得div對象 。

jquery怎么創建一個img標簽



4在test.html文件內 , 利用button標簽建立一個按鈕 , 按鈕名稱為“建立img” 。

jquery怎么創建一個img標簽



5在test.html文件內 , 給button按鈕綁定onclick點擊事務 , 當按鈕被點擊時 , 執行add()函數 。

jquery怎么創建一個img標簽



6在js標簽中 , 建立add()函數 , 在函數內 , 經由過程$符獲得id為pic的div對象 , 對其利用app方式 , 利用img標簽 , 建立一張圖片顯示在頁面中 。

jquery怎么創建一個img標簽



7【jquery怎么創建一個img標簽】在瀏覽器打開test.html文件 , 點擊按鈕 , 查看實現的結果 。

jquery怎么創建一個img標簽



jquery怎么創建一個img標簽




以上內容就是jquery怎么創建一個img標簽的內容啦 , 希望對你有所幫助哦!

    猜你喜歡