: before（或:after）伪元素选择器用于在某个元素之后插入一些内容（注意，不是伪类）。
怎么说好呢，这个还是得看个人理解，我是这样认为得，其实就是用after 或者before去调用引用content里面原有得样式。 面对做得好得网页，我有得时候也会想这个是怎么做得。。。然后F12学习下= = 第一张图得UL的class 属性里面应该有.clearfix 这个样式名的。
首先要明白一种思想：结构和样式分离。结构和样式分离，就意味着：没有样式表，HTML文档也是一个完整的文档；没有样式表，也能正常阅读用HTML表达的所有内容。明白这种思想就能很好理解样式表中使用------ :before 和 :after中的content: ""------就算没有------:before 和 :after中的content: ""------HTML文档也不会受到影响，HTML文档也是一个完整的文档，所以，用简单的话来说： :before 和 :after中的content: ""不过是对HTML的装潢，使HTML看起来更漂亮一些。
本文实例讲述了jQuery使用before()和after()在元素前后添加内容的方法。分享给大家供大家参考。具体如下：<!DOCTYPE
html>
<html>
<head>
<script
src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("img").before("<b>Before</b>")
})
$("#btn2").click(function(){
$("img").after("<i>After</i>")
})
})
</script>
</head>
<body>
<img
src="/images/w3jquery.gif"
alt="jQuery"
width="100"
height="140">
<br><br>
<button
id="btn1">Insert
before</button>
<button
id="btn2">Insert
after</button>
</body>
</html>
希望本文所述对大家的jQuery程序设计有所帮助。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）