jquery基本使用和jquery隱藏網頁元素
阿新 • • 發佈:2021-01-21
jquery的基本使用;為了方便可連結到百度提供的壓縮版jquery庫;
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>jquery demo1 </title> <script src="https://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script> <style> .divcss1{width:150px;height:50px;border:2px solid #F00} </style> <script> $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); </script> </head> <body> <div class="divcss1"> <p>click me, hide me</p> </div> </body> </html>
div中有一個p元素;點選p元素後隱藏該p元素;