Question

尝试在jquery中使用css来定义一个元素和鼠标悬停时的另一个代码段，我无法运行css代码。这是一个提议实验，已经意识到CSS更有用。这只是一个jquery只使用代码。

以下是具有类p的给定段落的jquery代码。

<p class="p"> this is a generic element with generic coding.</p>

这是jquery结束。

$("document"). ready( function (){
    var $p = $("p.p");

    $p
        .css({
            "font-size" :  "200%" ,
            "color" : "#030"
        })
       .onhover( function(){
            $p.css({
                "font-size" : "175%" ,
                "color" : "#060"
            });
      });
});

希望它会起作用！谢谢大家的辛勤工作！

Answer 1

正如我在评论中提到的，jQuery中没有onhover。也许在原始的javascript中你不能那样使用它并将它应用于jQuery对象。

改为使用jQuery.hover()：

$("document"). ready( function (){
    var $p = $("p.p");

    $p
        .css({
            "font-size" :  "200%" ,
            "color" : "#030"
        })
       .hover( function(){
            $p.css({
                "font-size" : "175%" ,
                "color" : "#060"
            });
      });
});

或者你可以按照路易斯的建议使用jQuery.on("mouseover", callback)。这两种方法符合您的可链接性目的。

Jquery链接不同的css问题

1 个答案: