jQuery是一种广泛使用的JavaScript库,它让JavaScript编程更加容易。在网页中,图片是常见的元素,然而有些情况下我们想要通过jQuery来修改图片的src属性。下面是通过jQuery修改图片src属性的方法:
$(document).ready(function(){ $("img").attr("src","new_image.jpg"); });
以上代码含义是在文档完全加载后执行函数。它选择文档中的所有标签,并将其src属性的值设置为new_image.jpg。
如果我们只想修改特定的图片,可以使用类或id选择器。下面是一个使用类选择器的示例:
$(document).ready(function(){ $(".my-image").attr("src","new_image.jpg"); });
以上代码的含义是在文档完全加载后执行函数。它选择类为my-image的元素,并将其src属性的值设置为new_image.jpg。
使用id选择器的代码则类似,只需要将类选择器改成id选择器即可:
$(document).ready(function(){ $("#my-image").attr("src","new_image.jpg"); });
以上代码的含义是在文档完全加载后执行函数。它选择id为my-image的元素,并将其src属性的值设置为new_image.jpg。
通过以上代码示例,我们可以看出jQuery操作DOM非常简单方便。只需选择对应元素并调用相应方法即可完成我们想要的效果。