jQuery是一个广泛使用的JavaScript库,它可以轻松地操作HTML文档,使其更具交互性和动态效果。其中,$()
函数是jQuery的核心方法,也是使用jQuery所必须掌握的基本语法。
在网页开发中,经常需要对图片进行操作,而jQuery提供了便捷的标签路径获取方法。
$("img").attr('src'); //获取单个标签的路径
$("img").each(function() {
console.log($(this).attr('src')); //循环获取所有标签的路径
});
上面的代码演示了如何获取单个和多个图片的路径。其中,$("img").attr('src');
可以获取到HTML文档中的第一个标签的路径。如果需要获取页面中所有的图片路径,则可以使用.each()
方法。
除了获取图片路径外,有时候也需要修改图片的路径。比如,将所有图片的路径从相对路径更换为绝对路径。
:$("img").attr("src", function(i, val) {
return 'http://www.example.com/' + val;
});
上面的代码将所有标签的路径都修改为"http://www.example.com/"加上原路径。
总的来说,使用jQuery获取和修改标签的路径非常简单,可以轻松地实现图片的动态效果和交互操作。