jQuery基本语法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery基本语法相关的知识,希望对你有一定的参考价值。

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>

 

以上是关于jQuery基本语法的主要内容,如果未能解决你的问题,请参考以下文章

jQuery代码解释(基本语法)

jQuery基本语法与应用

JQUERY的基本使用方法

Jquery中ajax基本语法

jQuery与js的区别,并有基本语法详解,

jQuery应用 代码片段