标签选择器案列:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Nearth</title> <script src="jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script> <script src="jquery-3.3.1.js" type="text/javascript" charset="utf-8"></script> <script > $(function(){ $("#btn").click(function(){ if($(this).val()=="点击我,给你惊喜······"){ $("p").text("我们都是p标签里的内容"); $(this).val("看到惊喜了吗?"); } else{ $("p").text("找不到原来的内容了······"); $(this).val("点击我,给你惊喜······"); } }) }) </script> </head> <body> <h1>标签选择器案列</h1> <hr > <input type="button" name="" id="btn" value="点击我,给你惊喜······" /> <p>001</p> <p>002</p> <p>003</p> <p>004</p> </body> </html>
Nearth===>WEB前端--第9课/JQuery/标签选择器案列
最新推荐文章于 2019-11-16 17:30:09 发布