利用jquery在某個div后添加一個div

html+jquery+css
代碼編纂器:z studio 10.0方式/
1新建一個html文件 , 定名為test.html , 用于講解操縱jquery在某個div后添加一個div 。

利用jquery在某個div后添加一個div



2在test.html文件內 , 利用div建立一行文字 , 并設置div的id為mydiv , 本家兒要用于下面經由過程該id獲得div對象 。

利用jquery在某個div后添加一個div



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

利用jquery在某個div后添加一個div



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

利用jquery在某個div后添加一個div



5在js標簽內 , 建立adddiv()函數 , 在函數內 , 界說一個要添加的div元素 , 為了展示結果 , 利用css設置其文字顏色為紅色 , 將這個div保留在html變量中 。

利用jquery在某個div后添加一個div



6【利用jquery在某個div后添加一個div】在adddiv()函數內 , 利用$符號經由過程div的id(mydiv)獲得對象 , 利用app()方式標的目的此div添加上一步建立的div , 代碼如下:

利用jquery在某個div后添加一個div



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

利用jquery在某個div后添加一個div



利用jquery在某個div后添加一個div




以上內容就是利用jquery在某個div后添加一個div的內容啦 , 希望對你有所幫助哦!

    猜你喜歡