jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery下钻选择器? 大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

我编写了这段代码,可以在您向其添加“ simplehover”类的任何图像上产生滚动悬停效果

    //rollover effect on links 
    $(".simplehover").mouSEOver(function () {
        $(this).attr("src",$(this).attr("src").replace("-off.","-on."));
    }).mouSEOut(function () {
        $(this).attr("src",$(this).attr("src").replace("-on.","-off."));
    });

<img src="slogan.gif" class="simplehover" />

我想让它工作,如果您将类’simplehover’添加到周围的元素:中. (对于ASP.net asp:HyperLink标记特别有用,该标记会在超链接自动生成IMG标记.

<a href="#" class="simplehover"> <img src="slogan.gif" /> </a>

如果我将选择器更改为:$(“.simplehover img”),它将起作用,但是在senario#1中将不再起作用.

我尝试了这个,但是没有运气:

$(".simplehover").mouSEOver(function () {
if ($(this).has('img')) { $(this) = $(this).children(); }
...

任何人都可以弄清楚吗?

Montreal Web Design

最佳答案
您可以结合使用hover()方法multiple selector进行重构.

$("a.simplehover img,img.simplehover").hover(function () {
    $(this).attr("src","-on."));
},function() {
    $(this).attr("src","-off."));
});

<img src="slogan.gif" class="simplehover" />

大佬总结

以上是大佬教程为你收集整理的jQuery下钻选择器? 全部内容,希望文章能够帮你解决jQuery下钻选择器? 所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: