<!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>
jq设置内容和属性
最新推荐文章于 2023-03-14 20:07:53 发布