jquery 修改border

李晴柔 2周前 11浏览 0评论

Jquery是一个广泛应用的Javascript库,它可以通过selector(选择器)快速定位页面元素,同时提供了丰富的API来修改这些元素的样式。在这里,我们将使用Jquery来修改页面元素的边框(border)样式。

$(document).ready(function(){
    $("button").click(function(){
        $("p").css("border", "3px solid red");
    });
});

在上面的代码中,我们使用了Jquery的选择器来获取页面中的所有

元素,并使用css方法来修改它们的border样式。具体而言,我们将border的大小设为了3px,颜色设为了红色。

需要注意的是,我们将这段代码放在一个document ready函数中。这样可以确保在页面完全加载后再执行代码,从而保证代码的稳定性。

使用Jquery来修改页面样式非常灵活,如果您想进一步了解,可以查看相关文档或者实践一下其他的样式修改方法。