淘先锋技术网

首页 1 2 3 4 5 6 7

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非常简单方便。只需选择对应元素并调用相应方法即可完成我们想要的效果。