jQuery Utilities

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>jQuery Utilities</title>
<script type="text/javascript" src="./js/jquery-1.7.2.js"></script>
<script type="text/javascript">
    $(function(){
        var result ="";
        var testArr = [100,200,300,400];
        var testObj = {"name":"홍길동","addr":"대전","tel":"042-222-8202"};
        var str="";
        $.each(testArr,function(i,v){
            str +=i+" : "+v+"\n";
        });
        alert(str);
        str="";
        $.each(testObj,function(i,v){
            str +=i+" : "+v+"\n";
        });
        alert(str);

        jQuery.each(jQuery.browser,function(i,val){
            result +=i+" : "+val +"\n";
        });
        alert(result);
        if($.browser.msie){
            alert("IE브라우저");
        }else {
            alert("다른 웹 브라우저");
        }



        var s = " Abc Def Fed Cba ";
        alert("["+s+"]");
        alert(s.length);
        alert("["+$.trim(s)+"]");
        alert(jQuery.trim(s).length);

        var empty={}
        var defaults = {validate:false,limit:5, name : "foo"};
        var options1 =["one","two","three","four","five"];
        var options2 =["six","seven","eight","nine","ten"];
        var settings=$.extend(empty,defaults,options1,options2);
        var result2="";
        jQuery.each(settings,function(i,val){
                result2 +="[name: "+i+"]"+"[value : "+val+"]\n";
        });
        alert(result2);
        $(document).ready(function(){
            var arr1 = [0,1,2,3,4,5,6,7,8,9];
            var arr2 = jQuery.grep(arr1,function(val,i){
                            // 주의점 ./ grep 과 each 인 경우 i 와 value 순서가 다르다. value 가 먼저.
                    return(val!=5&&val>3);
                    // 4 6 7 8 9 가 arr2 에 들어 간다
            });
            alert("변경전: "+arr1.join(",")+"\n"+"변경후: "+arr2.join(","));
            var arr3 =jQuery.grep(arr1,function(n,i){
                return(n!=5&&i>3);
                ///0,1,2,3,5 가 arr3에 입력

            },true);// 마지막에 true 가 설정 되면 false를 반환 하는 자료만 취합 한다.
            alert("변경전: "+arr1.join(",")+"\n"+"변경후: "+arr3.join(","));

            var arr = jQuery.makeArray($("div"));
            // div 를 배열로 만들어 arr로 넣는다.
            var result3="";
            jQuery.each(arr,function(i){
                result3 += "index["+i+"] element["+$(this).text()+"]\n";
            });
            alert(result3);

            result3="";
            var arr =["성춘향",40,"일지매",55,"홍길동",40];
            result3="홍길동 위치"+jQuery.inArray("홍길동",arr)+"\n";
            // inArray <== 대상 배열에서 "홍길동"의 index 값을 반환 한다 .
            result3 +="40위치 : " +jQuery.inArray(40,arr)
            alert(result3);
        });
    });
</script>
</head>
<body>
<body>
    <div>계룡산</div>
    <div>백두산</div>
    <div>한라산</div>
    <div>지리산</div>
    <p>태백산</p>
    <p><div>소백산</div></p>
</body>



</body>
</html>

이 글은 스프링노트에서 작성되었습니다.