在html中进行Jquery变量访问

时间:2013-10-29 07:08:12

标签: jquery

如何将返回的函数值存储在' x' ???我需要这个因为,我想在图像上使用悬停功能,各个图像的src会有所不同。

<script>
var x;
$(document).ready(function(){$(":image").attr("src");
alert(x);
});
</script>
</head>
<body>

<form action="">
Name: <input type="text" name="user"><br>
Password: <input type="password" name="password"><br>
Compatible: <input type="image" src="compatible_ie.gif" width="31" height="30">
</form>

3 个答案:

答案 0 :(得分:1)

好的,万一,如果你想在悬停时改变图像,我认为,那么你需要使用这样的东西:

<img src="img1.jpg" alt="Image" class="hover" />
<img src="img2.jpg" alt="Image" class="hover" />
<img src="img3.jpg" alt="Image" class="hover" />

为这些设置悬停图片,例如img1a.jpgimg2a.jpgimg3a.jpg,您可以这样称呼它们:

$(document).ready(function(){
    $(".hover").hover(function(){
        var a = $this.attr("src")
        $(this).attr("src", $(this).data("src"));
        $(this).data("src", a);
    }, function(){
        var a = $this.data("src")
        $(this).data("src", $(this).attr("src"));
        $(this).attr("src", a);
    });
});

答案 1 :(得分:0)

我认为你想要src属性的值。 只需将其存储在变量中即可随意使用。

<script>
var x;
$(document).ready(function(){var x=$("input:image").attr("src");
    alert(x);
});
</script>
</head>
<body>

<form action="">
  Name: <input type="text" name="user"><br>
 Password: <input type="password" name="password"><br>
Compatible: <input type="image" src="compatible_ie.gif" width="31" height="30">
</form>
</body>

答案 2 :(得分:0)

检查这个我希望你会明白怎么做。
HTML:

<div>
    <img src="http://web.utk.edu/~ihouse/wp-content/uploads/icon-smiley.jpg" alt="Image" class="big" />
</div>

<img src="http://icons.iconseeker.com/png/fullsize/scrap/smiley-grin.png" alt="Image" class="small" />
<img src="http://www.skinbase.org/files/archive/shots/638/Az-Smiley-Face-Icon.jpg"  class="small"/>

脚本:

$(document).ready(function () {
    var oldSrc = null;
    $(".small").hover( function(){
        // get the src of hovered image
        var src= $(this).attr('src');
        //get the big image src and store it in the global variable.
        oldSrc = $(".big").attr('src');
        //set the hovered image src into the big one.
        $(".big").attr('src',src )
    }, function() {
        // reset the big image
        $(".big").attr( "src" , oldSrc);
    });
 });

选中 Fiddle