在 jQuery 中,before() 方法用于在選擇元素之前插入新的內(nèi)容,可以將其視為一個(gè)偽元素,非常方便實(shí)用。
$(selector).before(content,function)
其中,selector 是必須的,表示要添加新內(nèi)容的元素,content 可選,表示要添加的內(nèi)容,function 也是可選的,表示要在添加新內(nèi)容之前進(jìn)行的動(dòng)作。
在 before() 方法中,我們還可以使用 before 偽元素,例如:
$("p").before("Hello
"); $("p").before("").text("Hello").css("color", "red"); $("p").before(function(){return "
Hello
";});
在這些例子中,before 偽元素都是在指定元素之前插入新內(nèi)容。比如第一個(gè)例子,就是在 p 標(biāo)簽前插入了一個(gè) h6 標(biāo)簽,內(nèi)容為 Hello。
第二個(gè)例子中,使用了 text() 方法給 h6 標(biāo)簽添加了文本內(nèi)容,并且將文本的顏色設(shè)置為紅色。
在第三個(gè)例子中,使用了一個(gè)匿名函數(shù),該函數(shù)返回一個(gè) h6 標(biāo)簽,然后使用 before() 方法將其插入到指定的 p 元素之前。
可以看出,在 jQuery 中使用 before() 方法和偽元素 before,可以非常方便地添加新內(nèi)容到指定元素之前。