码迷,mamicode.com
首页 > Web开发 > 详细

jQuery基本语法

时间:2017-06-05 10:23:11      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:asc   query   内部使用   下标   变量   blog   数组   user   选择   

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基本语法

标签:asc   query   内部使用   下标   变量   blog   数组   user   选择   

原文地址:http://www.cnblogs.com/fu-hua/p/6942708.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!