<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>JQuery的基础语法</title> <script type="text/javascript" src="jquery-3.3.1.min.js"></script> </head> <body> <script type="text/javascript"> //$(选择器).action() $(document).ready(function(){ // $str="我是一个声明变量" // alert($str); $("div").hide() $("button").click(function () { $("div").show() }) }) </script> <div style="width: 100px;height: 100px;background: pink;"></div> <button>点击</button> </body> </html>
JQuery选择器比Javascript的选择器更高效灵活