使用jQuery给img设置src的方法
内容:在网页中,我们经常需要使用图片,我们需要动态地改变图片的src属性,以实现图片的切换,这时,我们可以使用jQuery来实现这个功能,我们需要引入jQuery库,然后通过选择器选中img标签,最后使用.attr()方法来设置src属性。
以下是一个简单的示例:
1、引入jQuery库:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
2、创建一个img标签:
<img id="myImage" src="old_image.jpg" alt="图片">
3、使用jQuery设置新的src属性:
<script> $(document).ready(function(){ $("#myImage").attr("src", "new_image.jpg"); }); </script>
在这个示例中,我们首先创建了一个img标签,并为其分配了一个id(myImage),我们使用jQuery的$(document).ready()方法来确保在DOM加载完成后执行我们的代码,接着,我们使用$("#myImage")选择器选中了id为myImage的img标签,并使用.attr()方法设置了新的src属性(new_image.jpg),这样,当页面加载时,图片就会显示为新的图片。
还没有评论,来说两句吧...