这里我们要用到 prepend 方法

prepend()方法的作用是能够把参数指定的内容插入到指定的节点中，并返回一个jQuery对象。指定的内容被插入到每个匹配元素里面的最前面，作为它的第一个子元素。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script src="jquery/jquery-3.1.1.js" type="text/javascript"></script>
<script type="text/javascript" >
$(function(){ 
    $(".container").prepend('<li><img src="images/3.png" /></li>');
})
</script>
</head>
<body>
<h2>浏览器图标</h2>
<ul class="container">
    <li><img src="images/1.png" /></li>
    <li><img src="images/2.png" /></li>
</ul>
</body>
</html>
最后修改于 2020-04-18 23:18:39
如果觉得我的文章对你有用，请随意赞赏
扫一扫支付
上一篇