jquery种种

最新推荐文章于 2023-05-05 23:22:22 发布

小小乐112

最新推荐文章于 2023-05-05 23:22:22 发布

阅读量255

点赞数

分类专栏： html5

本文链接：https://blog.csdn.net/wkakasa/article/details/50985652

版权

html5 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>jquery的各种</title>
    <script src="date/js/jquery-2.2.2.js"></script>
    <script>
//        window.onload=function(){
//
//        }等价于
//        $(document).ready(function(){
//
//        })等价于
        $(function(){
//            点击隐藏，click、hide用法
//            $("p").click(function(){
//                $(this).hide();
//            });
//           each用法
//            $("input").click(function(){
//                $("li").each(function(){
//                    alert($(this).text())
//                });
//            });
            //多选框以及下拉列表中each的用法
//            $("#dw").click(function(){
//                alert($("input[type=checkbox]:checked").length)
//            })
//            $("#d").click(function(){
//               $("select option:selected").each(function(xuhao,shenme){
//                   alert($(shenme).text());
//               })
//            })
           // each处理一维数组
//            var arr1 = [ "aaa", "bbb", "ccc" ];
//            $.each(arr1, function(i,val){
                alert(i);
//                alert(val);
//            });
           // each处理二维数组
//           var arr2 = [['a', 'aa', 'aaa'], ['b', 'bb', 'bbb'], ['c', 'cc', 'ccc']]
//            $.each(arr2, function(i, item){
//                $.each(item,function(j,val){
                alert(i);
//                    alert(val);
//                    //逐个取出二维数组里的各个元素
//                })
//            });
            //遍历json数组
//            var obj = { one:1, two:2, three:3};
//            $.each(obj, function(key, val) {
//                alert(key);
//                alert(val);
//            });

        });
    </script>
</head>
<body>
<!--//p段落隐藏-->
<p>点击我会消失</p>
<div id="haha">
    <!--each用法-->
    <!--<input type="button" value="点击我会弹出li的内容"/>-->
    <!--<li>么</li>-->
    <!--<li>么</li>-->
    <!--<li>哒</li>-->
    <!--多选框和下拉列表-->
    <!--<input type="checkbox" id="mv"/><label for="mv">美女</label>-->
    <!--<input type="checkbox" id="m"/><label for="m">女</label>-->
    <!--<input type="checkbox" id="v"/><label for="v">美</label>-->
    <!--<button id="dw">点我告诉你选了几个</button>-->
    <!--<button id="d">点我告诉你选了什么</button>-->
    <!--<select id="gz">-->
        <!--<option>PHP</option>-->
        <!--<option>jquery</option>-->
        <!--<option>html</option>-->
        <!--<option>css</option>-->
    <!--</select>-->
    <!--<select id="xueli">-->
        <!--<option>大学</option>-->
        <!--<option>硕士</option>-->
        <!--<option>博士</option>-->
    <!--</select>-->

</div>

</body>
</html>

小小乐112

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery种种

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>jquery的各种</title> <script src="date/js/jquery-2.2.2.js"></script> <script>// window.onload=function(){///
复制链接

扫一扫