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>
<!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>Insert title here</title>
<script type="text/javascript" src="./js/jquery-1.7.2.js"></script>
<script type="text/javascript">
var testNull =null;
var testVal="값이 있는 변수";
function testFunc(){
alert("함수입니다.");
}
$(document).ready(function(){
var result="";
var arr=jQuery.unique(jQuery.makeArray($("div")).concat($("div").get()));
jQuery.each(jQuery.unique(arr.concat(arr)),function(i){
result +="[index:"+i+"][value:" +$(this).text()+"]\n";
});
alert(result);
var objs=[testNull,testVal,testFunc];
result="";
jQuery.each(objs,function(i){
result +="[value:"+objs[i]+"]"+"["+$.isFunction(objs[i])+"]\n";
});
result="";
});
</script>
</head>
<body>
<div>하나</div>
<div>둘</div>
<div>셋</div>
<div>넷</div>
</body>
</html>
<!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>Insert title here</title>
<script type="text/javascript" src="./js/jquery-1.7.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var arr1 = ["a","b","c","d","e"];
var arr2 = jQuery.map(arr1,function(n,i){
return(n.toUpperCase());
});
alert("변경전 : "+arr1.join(",")+"\n"+ "변경후: "+arr2.join(","));
});
</script>
</head>
<body>
</body>
</html>
이 글은 스프링노트에서 작성되었습니다.
'J-Query' 카테고리의 다른 글
| 8일차 사용자정의객체&JSON표기법 (0) | 2012.05.08 |
|---|---|
| 7일차 Effects (0) | 2012.05.08 |
| 5일차 찾기관련()eq().. (0) | 2012.05.08 |
| 4일차 Methods (0) | 2012.05.08 |
| 3일차 export/change (0) | 2012.05.08 |
