jQuery的after()方法常常被用來在一個元素的后面插入新元素。而jQuery還提供了一種控制插入元素樣式的方法——:after偽元素。
// 插入元素到元素的后面，使用:after偽元素添加樣式 $('p').after('
').css('position', 'relative').after('');上述代碼通過使用after()方法插入一個空的
元素，然后使用css()方法將元素的position屬性設置為relative，接著使用after()方法插入一段樣式代碼，使用:after偽元素控制了文本后面的空白內容的樣式，本例中設置了一個10x10的紅色的方塊。
//添加一張圖片并添加標題樣式 $('p').after('
That was a rainy day').next().addBack().wrapAll(''); $('div.pic').after('');上述代碼通過使用after()方法插入一張圖片和文字，使用next()和addBack()方法獲取到剛插入的元素，使用wrapAll()方法將這兩個元素包裹起來，并加上pic類名。最后同樣使用after()方法插入一段樣式代碼，使用:after偽元素控制了圖片下面的描述內容的樣式，本例中設置了一個黑色的半透明背景框和白色的文字。
總的來說，通過使用jQuery的after()方法結合:after偽元素，可以為插入的元素增加更豐富的樣式，從而豐富頁面布局和視覺效果。
上一篇mysql兩個表中查找下一篇如何將css代碼格式化
