jQuery基本语法

Posted 2020-09-21

1.1   jQuery语法

 1     <script type="text/javascript">
 2         //js 执行时，有加载顺序
 3         
 4         /* jQuery获得数据
 5          * * 语法：$("选择器")   == jQuery("选择器")
 6          * 
 7          */
 8         
 9         var username = $("#username");
10         // * val()函数 用于获得 value属性的值
11         alert(username.val());
12         
13     </script>

1.1   jQuery对象和dom对象转换

<script type="text/javascript">
        //1 使用javascript获得value值
        var username = document.getElementById("username");
        //alert(username.value);
        
        //2 将 dom对象 转换 jQuery对象
        // * 语法：$(dom对象)
        // * 建议：jQuery对象变量名，建议为$开头
        var $username = $(username);
//        alert($username.val());
        
        //3 将 jQuery对象 转换 dom对象
        //3.1 jQuery对象内部使用【数组】存放所有的数据，可以数组的下标获取（索引）
        var username2 = $username[0];
        alert(username2.value);
        //3.2 jQuery提供函数 get() 转换成dom对象
        var username3 = $username.get(0);
        alert(username3.value);
    </script>