读<jQuery 权威指南>[6]--实用工具函数

            $(function () {
            var arrStu = { "张三：": "60", "李四：": "70", "王二：": "80" }
            var strContent = "
            <
            li 
            class
            =‘title‘
            >姓名：分数</li>";
            $.each(arrStu, function (Name, Value) {
                strContent += "<li>" + Name + Value + "</li>";
            })
            $("ul").append(strContent);
        })

<script type="text/javascript">
        $(function() {
            var strContent = "<li class=‘title‘>属性：值</li>";
            $.each($.get, function(Property, Value) {
                strContent += "<li>" + Property + "：" + Value + "</li>";
            })
            $("ul").append(strContent);
        })
    </script >

<script type="text/javascript">
        $(function() {
            var strTmp = "筛选前数据：";
            var arrNum = [2, 8, 3, 7, 4, 9, 3, 10, 9, 7, 21];
            var arrGet = $.grep(arrNum, function(ele, index) {
                return ele > 5 && index < 8 //元素值大于5且序号小于8            })
            strTmp += arrNum.join();
            strTmp += "<br/><br>筛选后数据：";
            strTmp += arrGet.join();
            $("#divTip").append(strTmp);
        },true)
    </script >

<script type="text/javascript">
        $(function() {
            var strTmp = "变更前数据：";
            var arrNum = [2, 8, 3, 7, 4, 9, 3, 10, 9, 7, 21];
            var arrGet = $.map(arrNum, function(ele, index) {
                if (ele > 5 && index < 8) { //元素值大于5且序号小于8return ele + 1; //元素增加1                }
            })
            strTmp += arrNum.join();
            strTmp += "<br/><br>变更后数据："
            strTmp += arrGet.join();
            $("#divTip").append(strTmp);
        })
    </script>

$(function() {
            var strTmp = "待搜索数据：";
            var arrNum = [4, 21, 2, 12, 5];
            var arrPos = $.inArray(12, arrNum);
            strTmp += arrNum.join();
            strTmp += "<br/><br>12搜索结果："
            strTmp += arrPos;
            $("#divTip").append(strTmp);
        })

<script type="text/javascript">
        $( function() {
            var obj0 = {};
            var obj1 = { "name" : "taoguorong" };
            var obj2 = [];
            var obj3 = [1];
            var obj4;
            var strTmp = "obj0是否为空：" + $.isEmptyObject(obj0);           //true
            strTmp += "<br><br>obj1是否为空：" + $.isEmptyObject(obj1);//false
            strTmp += "<br><br>obj2是否为空：" + $.isEmptyObject(obj2);//true
            strTmp += "<br><br>obj3是否为空：" + $.isEmptyObject(obj3);//false
            strTmp += "<br><br>obj4是否为空：" + $.isEmptyObject(obj4);//true
            $( "#divTip").append(strTmp);
        })
    </script >

<script type="text/javascript">
        $( function() {
            var obj0 = {};
            var obj1 = new Object();
            var obj2 = "null" ;
            var obj3 = { "a" : 1 };
            var obj4 = new Object(1);
            var obj5 = 1;
            var strTmp = "obj0是否为原始对象：" + $.isPlainObject(obj0);           //true
            strTmp += "<br><br>obj1是否为原始对象：" + $.isPlainObject(obj1);//true
            strTmp += "<br><br>obj2是否为原始对象：" + $.isPlainObject(obj2);//false
            strTmp += "<br><br>obj3是否为原始对象：" + $.isPlainObject(obj2);//false
            strTmp += "<br><br>obj4是否为原始对象：" + $.isPlainObject(obj2);//false
            strTmp += "<br><br>obj5是否为原始对象：" + $.isPlainObject(obj2);//false
            $( "#divTip").append(strTmp);
        })
    </script >

<script type="text/javascript">
        $( function() {
            var arrInfo = { id: 101, name: "tao" , sex: 0 }; //基本信息数组//分数和汇总信息数组var arrScore = { Score: { chinese: 90, maths: 100, english: 98 },
                SunNum: { Score: 288, Num: 3 }
            };
            //序列化各数组var arrNewInfo = $.param(arrInfo);
            var arrNewScore = $.param(arrScore);
            var arrDecScore = decodeURIComponent($.param(arrScore));
            //显示序列化后的数组var strTmp = "<b>arrInfo数组序列化后</b>：" ;
            strTmp += arrNewInfo; //结果：id=101&name=tao&sex=0
            strTmp += "<br><br><b>arrScore数组序列化后</b>：" ;
            strTmp += arrNewScore;//结果：Score%5Bchinese%5D=90&Score%5Bmaths%5D=100&Score%5Benglish%5D=98&SunNum%5BScore%5D=288&SunNum%5BNum%5D=3
            strTmp += "<br><br><b>arrScore序列化解码后</b>：" ;
            strTmp += arrDecScore;//结果：Score[chinese]=90&Score[maths]=100&Score[english]=98&SunNum[Score]=288&SunNum[Num]=3//显示在页面中
            $( "#divTip").append(strTmp);
        })
    </script >

; (function ($) {
            $.extend({
                "test": function (p1, p2) {
                    return p1 && p2;
                }
            })
        })(jQuery);

<script type="text/javascript">
        $( function() {
            var objMyInfo = {
              name: "小张", //设置对象name属性
                sex: "男", //设置对象sex属性
                ShowEvent: function() { //设置执行的事件
                    $( "#divShow").html("姓名：" +
                     this.name + "<br><br>性别：" +
                     this.sex);
                }
            }
            $( "#Button1").bind("click" ,objMyInfo.ShowEvent);//结果：姓名:""，性别:undefined
            $( "#Button1").bind("click" ,$.proxy(objMyInfo, "ShowEvent")); //通过proxy函数绑定设置的事件。结果：姓名:小张,性别:男。
            $( "#Button1").bind("click" , $.proxy(objMyInfo.ShowEvent, objMyInfo));//通过proxy函数绑定设置的事件。结果：姓名:小张,性别:男。        })
    </script >