jQuery是目前最廣泛應用于網頁開發的JavaScript庫,它的出現極大地簡化了開發者的編程難度。然而,在使用jQuery時還是難免會遇到一些問題。今天就來講一下jQuery中經常會出現的一個問題:append標簽無效。
代碼示例: <script> $(document).ready(function(){ var div=$("div"); div.append("<p>Hello World</p>"); }); </script>
上面的代碼邏輯十分簡單,在頁面中找到div標簽,然后在它里面添加一個p標簽,其中包含“Hello World”的文本。但是,實際運行起來會發現,p標簽并沒有被添加到div中。
造成這種現象的原因是因為jQuery中的append方法并不是單純的添加html代碼,而是添加一個節點。因此,如果要添加一個標簽,需要先用document.createElement方法創建一個節點,然后再添加。修改后的代碼如下:
$(document).ready(function(){ var div=$("div"); var p=document.createElement("p"); p.innerHTML="Hello World"; div.append(p); });
通過上述修改后,就能夠正確地在div中添加一個p標簽了。