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

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

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

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

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

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

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


以上內容就是利用jquery在某個div后添加一個div的內容啦 , 希望對你有所幫助哦!
猜你喜歡
- 用jquery獲取div在頁面上的位置
- 教你幾招怎么怎么看金毛純不純
- 小產權房如何貸款
- 如何在火車站內購票
- 自己洗車的誤區及注意事項
- 機電 二級建造師學習考試心得
- 如何自制鍋貼
- [品讀《茶經》]鮑令暉,茶盡余香在
- creo輪廓筋的應用
- WPS如何復制格式不變
