<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>jq之demo</title><!--线上jq库--><script src="https://code.jquery.com/jquery-3.4.1.min.js"></script><script>$(document).ready(function(){$("#btn1").click(function () {$("#test1").text("Hi");});$("#btn2").click(function () {$("#test2").html("<b>Hi2</b>");});$("#btn3").click(function () {$("#test3").val("Hi3");});});</script> </head> <body> <p id="test1">这是一个段落</p> <p id="test2">这是另外一个段落</p> <p><input type="text" id="test3" value="w3c教程"></p> <button id="btn1">设置文本</button> <button id="btn2">设置html</button> <button id="btn3">设置值</button> </body> </html>