首頁 > 網際網路

jQuery 怎麼在元素後面新增HTML字串

2019-12-11 17:10:08

使用jQuery在元素後面新增HTML字串,主要以下兩個API可以使用:

1)$(selector).after(content) 

     將content內容插入到被選元素$(selector)後面;如果content是已存在的元素(使用jquery獲取的物件),則相當於剪下

2)$(content).insertAfter(selector) 

     將$(content)的內容插入到selector元素後面,如果$(content)是已有元素,則相當於剪下到selector元素後面

1

新建資料夾JqueryAfter,在其內部建立如下結構的檔案:

     JqueryAfter

         -- Content

                -- jquery-1.11.3.js

         -- Default.html



2

在Default頁面,做如下操作:

     1)參照Jquery

     2)新增測試Jquery參照成功的程式碼

     3)使用瀏覽器開啟Default頁面,可以看到彈出了測試內容,表示參照成功



3

在Default頁面,為了演示效果明顯,新增測試樣式,並新增5個div



4

【.after(html字串)】由於此處是【html字串】,所以,不管這個字串是否在介面存在過,都不會當做剪下處理,而是,直接將內容插入到指定元素後面



5

【.after(已存在的Jquery物件元素)】這種方式相當於剪下



6

【$(html字串).insertAfter】此處是直接將內容插入到選擇元素後面,不會當做剪下處理。insertAfter後面可以是Jquery物件,也可以是Jquery物件的選擇器字串



7

【$(html字串).insertAfter】相當於剪下,如果insertAfter後面可以是Jquery物件




IT145.com E-mail:sddin#qq.com