jquery 单击按钮显示样式
时间: 2023-09-16 16:10:29 浏览: 69
jQuery实现的点击按钮改变样式功能示例
你可以使用 jQuery 的 `.click()` 方法来实现单击按钮显示样式的效果。首先,在 HTML 中定义一个按钮元素,例如:
```html
<button id="myButton">点击我</button>
```
然后,在 JavaScript 中使用 jQuery 来为该按钮绑定一个点击事件,并设置样式:
```javascript
$(document).ready(function() {
$("#myButton").click(function() {
$(this).css("background-color", "red");
});
});
```
在上面的代码中,我们使用了 jQuery 的 `$(document).ready()` 方法来确保页面加载完成后再执行代码。然后,我们使用 `$("#myButton")` 来选择 ID 为 `myButton` 的按钮元素,并调用 `.click()` 方法为其绑定一个点击事件。当按钮被点击时,我们使用 `$(this)` 来获取当前按钮元素,并使用 `.css()` 方法来设置其背景色为红色。
当你点击按钮时,它的背景色将变为红色。你可以根据需要修改样式属性以实现你想要的效果。
阅读全文