jQuery中的After方法是一個非常強大的工具,它可以讓我們動態(tài)地向文檔中添加元素。使用After方法可以在指定元素的后面添加一個新的HTML內(nèi)容或者元素。下面讓我們來看看一些After方法的用法。
$(document).ready(function(){ $("p").after("Hello world!"); });
上面的代碼將會向每個段落的后面插入一個Hello World!的粗體文本。
$(document).ready(function(){ $("ul").after("
上面的代碼將會向每個無序列表的后面插入一個新的列表項。
除了插入HTML內(nèi)容之外,在After方法中還可以插入元素。
$(document).ready(function(){ var newElement = $("").addClass("new-div").html("I'm a new div!"); $("p").after(newElement); });
上面的代碼將會在每個段落后面插入一個新的帶有“new-div”類的div元素,其中的文本是“I'm a new div!”。
需要注意的是,在使用After方法時,如果指定的元素不存在,那么不會進行任何操作。
上一篇如何定義css選擇器
下一篇如何將css代碼壓縮