首页给按钮1添加一个id名称为btn1，并通过jQuery的ID选择器选中按钮1后，会在网页中弹出内容：今天天气真好！

给按钮1添加一个id名称为btn1，并通过jQuery的ID选择器选中按钮1后，会在网页中弹出内容：今天天气真好！

时间: 2024-03-15 16:47:04 浏览: 15

可以使用jQuery的`click`方法和`text`方法来实现这个功能。具体步骤如下： 1. 在HTML中添加一个按钮，并为其设置`id`属性为`btn1`： ```html <button id="btn1">按钮1</button> ``` 2. 在JS代码中使用jQuery的`click`方法来监听按钮1的点击事件，并在回调函数中使用`text`方法来设置页面中的内容： ```javascript $('#btn1').click(function() { $('body').append('今天天气真好！'); }); ``` 完整代码如下： ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>按钮1示例</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> $(document).ready(function() { $('#btn1').click(function() { $('body').append('今天天气真好！'); }); }); </script> </head> <body> <button id="btn1">按钮1</button> </body> </html> ``` 这样，当你点击按钮1时，就会在页面中弹出内容“今天天气真好！”