image.png
    jQUery用$代替

    引入jQuery

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>jQuery的基本使用</title>
    6.     <script src="lib\jQuery.js"></script>
    7.     <style>
    8.         div {
    9.             width: 100px;
    10.             height: 100px;
    11.             background-color: mediumspringgreen;
    12.         }
    14.     </style>
    15. </head>

    在DOM元素下面执行的jQuery

    1. <div></div>
    2. <script>
    3.     $('div').hide();
    4. </script>

    在DOM元素上面执行jQuery的第一种方式

    1. <script>
    2.   $(function(){
    3. $('div').hide();
    4. })
    5. </script>
    6. <div></div>

    在DOM元素上面执行jQuery的第二种方式

    1. <script>
    2.   $(Document).ready(function(){
    3. $('div').hide();
    4. })
    5. </script>