jquery种种

来源：互联网发布：maya2015软件补丁更新编辑：程序博客网时间：2024/05/01 11:56
<!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>
0 0