为什么这个jQuery不能隐藏图像?

时间:2013-01-23 16:03:09

标签: javascript jquery

jQuery的:

$('.resume-header').hover(
        function() {
            $('resume-header img').css('display', 'none');
            $('resume-header img').attr('src', 'media/resume-icon-download.png');
            $('resume-header img').fadeIn(400);
        },
        function() {
            $('resume-header img').css('display', 'none');
            $('resume-header img').attr('src', 'media/resume-icon.png');
            $('resume-header img').fadeIn(400);
        }
    );

注意,我所有的其他jQuery都在工作。

这是与之对应的HTML:

            <div class="header">
                <div class="me-header">
                    <a href="#"><img src="media/me-icon.png" alt="Picture of Christian Selig"><br> <span class="center-text">Contact Me</span></a>
                </div>
                <div class="resume-header">
                    <a href="resume.pdf"><img src="media/resume-icon.png" alt="Resume icon" title="Click to download resume (PDF)"><br> <span class="center-text">Resume (PDF)</span></a>
                </div>
            </div>

2 个答案:

答案 0 :(得分:3)

这是一个有效的选择器吗?

$('resume-header img')

你错过了一个点吗?

$('.resume-header img')

答案 1 :(得分:1)

您忘记了班级选择器的点

更改

 $('resume-header img').css('display', 'none');

 $('.resume-header img').css('display', 'none');