淘先锋技术网

首页 1 2 3 4 5 6 7

使用jQuery可以轻松地实现当点击元素时改变其背景色的效果。


$(document).ready(function(){
    $("p").click(function(){
        $(this).css("background-color", "red");
    });
});

jquery点击当前元素背景改变

以上代码实现了当用户点击任何一个p标签时,其背景色都会变成红色。在这个例子中,我们使用了jQuery的click方法。该方法是当用户点击元素时触发的事件。我们还使用了$符号来表示jQuery,并且传递了一个选择器"p"作为参数,以表示所有的p标签都要受到这个事件的影响。

在click事件内部,我们使用了this关键字来表示当前被点击的元素。然后使用css方法来改变当前元素的背景色。具体来讲,我们使用了"background-color"属性,并传递了一个红色的值作为参数。这样就完成了单击元素时改变其背景色的效果。

这只是jQuery中一个小小的例子,您可以通过学习更多的jQuery方法来扩展自己的能力,实现更多有趣的效果。