jquery 单击按钮显示样式
时间: 2023-09-16 16:09:20 浏览: 38
jQuery实现的点击按钮改变样式功能示例
可以使用 jQuery 的 `click()` 方法来绑定按钮的单击事件,并使用 `css()` 方法来改变样式。
以下是一个示例代码:
HTML:
```html
<button id="myButton">点击我</button>
<div id="myDiv">这是一个 div 元素</div>
```
jQuery:
```javascript
$(document).ready(function() {
$("#myButton").click(function() {
$("#myDiv").css("display", "block");
});
});
```
上面的代码会在页面加载完成后,为 `#myButton` 元素绑定一个单击事件。当按钮被单击时,代码会使用 `css()` 方法将 `#myDiv` 元素的 `display` 样式设置为 `block`,从而显示该元素。
阅读全文