jquery如何获取图片的路径。

<div class="test">

    <img src="test.jpg"/>

</div> $(function(){

  var url = $('.test img').attr("src")

  alert(url)

})

jQuery的attr属性可以返回元素属性，如上代码所示

attr(name|preperties|key,value|fn)详解

参数

name :属性名称

properties:作为属性的"名/值对"对象

key,value：属性名称

fn:调用函数

<img src="xxx.jpg" alt="图片" id="src"/>

<div id="target"></div>

<script type="text/javascript">

//需要在页面中引入jQuery

$(function(){

// jq获取图片路径。

var image_src = $('#src').attr('src')

// 通过dom *** 作方法获取dom对象并设置innerHTML的值为jq获取的图片路径。

document.getElementById('target').innerHTML = image_src

})

</script>

js改变图片路径：

HTML代码：

    <img id="tu" src="images/bg1.jpg" />

    <button id="btnChange" value="换图" onclick="changeImg()"/>

js代码：

<script type="text/javascript">

    function changeImg(){

        //取出图片控件

        var img=document.getElementById("tu")

        //改变其src属性的值

        img.src="images/bg2.jpg"

    }

</script>

jQuery改变图片路径：

HTML代码：

    <img id="tu" src="images/bg1.jpg" />

    <button id="btnChange" value="换图"/>

js代码：

<script type="text/javascript" src="js/jquery.1.8.3.min.js"></script>

<script type="text/javascript">

    $(document).ready(function(){

        //按钮点击事件

        $("#btnChange").click(function(){

             $("#tu").attr("src","images/bg2.jpg")

             //或者

             $("#tu").prop("src","images/bg3.jpg")

        })

    })

</script>

---