jQuery鼠标移出如何恢复到默认的class上面

jQuery鼠标移出如何恢复到默认的class上面,第1张

$(function(){

        // 找到最初有你那个Class元素

        var $def = $('li[class="active"]'), index = $def.index()

        $('li').hover(

            function (e) {

                $(e.target).addClass('active').siblings().removeClass('active')

            }, function (e) {

                var $target = $(e.target)

                // 删除当前,然后找到当初的那个

                if ($target.index() !== index) {

                    $target.removeClass('active')

                    $def.addClass('active')

                }

            })

    })

你写的addClass是独立的函数,不是dom的方法,dom没有方法你调用肯定出错的,把addClass写成dom的方法即可

window.HTMLElement.prototype.addClass = function(clas){

    if (this.className.indexOf(clas) < 0) {//先判断,以防重复加同样的类名

        return this.className += "" + clas

    }

}

你在绑定的function中使用e.target捕捉触发事件的元素就好了,比如

$(".buttonclass").bind("click",function(e){

var bt=$(e.target) //捕捉触发click事件的元素

alert(bt.parent().text())

alert(bt.next().text())

})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11766063.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存