在網(wǎng)頁設(shè)計和開發(fā)過程中,常常需要使用jQuery來對頁面元素進行操作。在這些元素中,包括了各種各樣不同的標記和標簽,例如段落、代碼、表格等等。其中,段落和代碼等標記又分別具有不同的樣式要求。
在jQuery中,我們可以很方便地使用p標簽和pre標簽實現(xiàn)對段落和代碼標記的規(guī)范化。具體操作如下:
1.使用p標簽規(guī)范段落:在jQuery中,我們可以使用以下代碼來使得文章中所有的段落標簽使用p標簽進行規(guī)范化:
$('div, span, a, li, blockquote, h1, h2, h3, h4, h5, h6').not('.exclude').contents().filter(function() {
return this.nodeType == 3 && $.trim(this.nodeValue).length >0;
}).wrap('');
上述代碼實現(xiàn)了對頁面中除了具有.exclude類名的元素之外,所有的div、span、a、li、blockquote、h1、h2、h3、h4、h5、h6標簽下的文本節(jié)點進行篩選,并添加p標簽進行規(guī)范化。其中,$.trim()方法用于刪除空格,nodeType為3表示文本節(jié)點。
2.使用pre標簽規(guī)范代碼:在jQuery中,我們可以使用以下代碼來使得文章中所有的代碼標簽使用pre標簽進行規(guī)范化:
$('code').not('.exclude').each(function () {
$(this).replaceWith(function() {
return '
' + $(this).html() + '
';
});
});
上述代碼實現(xiàn)了對頁面中除了具有.exclude類名的code標簽屬性進行篩選,并將每個code標簽替換為pre標簽,并將其中的文本內(nèi)容用code標簽包裹起來,實現(xiàn)代碼塊規(guī)范化。
綜上,使用jQuery對頁面所有的css的文章進行規(guī)范化標簽應(yīng)用非常方便。我們只需要在代碼中添加對應(yīng)的語句,即可輕松地對頁面進行樣式規(guī)范化。上一篇css在盒子中加圖片
下一篇css在線樣式生成