在前端開發(fā)中,經(jīng)常需要為文本添加一些特效來美化頁面效果,其中中劃線效果也是比較實(shí)用的一種。在jQuery中,我們可以通過設(shè)置中劃線屬性來實(shí)現(xiàn)這一效果。
// 為文本添加中劃線
$("p").css("text-decoration", "line-through");
如上面的代碼所示,我們可以通過css方法為p標(biāo)簽添加中劃線屬性。“text-decoration”是用于設(shè)置文本的特殊裝飾效果,可以設(shè)置成“l(fā)ine-through”來添加中劃線。
當(dāng)然,如果需要實(shí)現(xiàn)其他特效,我們也可以通過css方法來設(shè)置,比如下劃線、刪除線等等。代碼如下:
// 為文本添加下劃線
$("p").css("text-decoration", "underline");
// 為文本添加刪除線
$("p").css("text-decoration", "line-through");
$("p").css("color", "red"); // 設(shè)置顏色
通過上面的代碼,我們可以實(shí)現(xiàn)不同的文本特效,從而達(dá)到更好的頁面展示效果。