개발관련/jQuery
-
jQuery와 배열 1. 배열로부터 jQuery 오브젝트 생성 - $함수에 넣으면 OK $([1,2,3]) - NodeList와 같은 넣어주어도 해석 $(document.getElementsByTagName("div")) // $("div")와 같음 2. jQuery를 활용하여 배열 처리 - 길이 조회 $("div").length // document.getElementsByTagName("div").length 와 같음 - 특정 인덱스의 요소를 취득 . [] 이나 get(index)를 사용하면, 특정의 인덱스의 DOM 요소를 취득할 수 있음 $("div")[0] $("div").get(0) // document.getElementsByTagName("div")[0]와 같음 . eq를 사용하면, 특정의 ..
jQuery 배열jQuery와 배열 1. 배열로부터 jQuery 오브젝트 생성 - $함수에 넣으면 OK $([1,2,3]) - NodeList와 같은 넣어주어도 해석 $(document.getElementsByTagName("div")) // $("div")와 같음 2. jQuery를 활용하여 배열 처리 - 길이 조회 $("div").length // document.getElementsByTagName("div").length 와 같음 - 특정 인덱스의 요소를 취득 . [] 이나 get(index)를 사용하면, 특정의 인덱스의 DOM 요소를 취득할 수 있음 $("div")[0] $("div").get(0) // document.getElementsByTagName("div")[0]와 같음 . eq를 사용하면, 특정의 ..
2011.04.21 -
셀렉트 콤보박스 처리 $("select[@name=player_id]").each(function(i){ alert( $("select[@name=player_id] option:selected").eq(i).text() ); }); select box의 내용 가져오기 $("#select_box > option:selected").val(); select box의 값 설정 $("#select_box > option[@value=지정값]").attr("selected", "true") 이 글은 스프링노트에서 작성되었습니다.
기타 유용셀렉트 콤보박스 처리 $("select[@name=player_id]").each(function(i){ alert( $("select[@name=player_id] option:selected").eq(i).text() ); }); select box의 내용 가져오기 $("#select_box > option:selected").val(); select box의 값 설정 $("#select_box > option[@value=지정값]").attr("selected", "true") 이 글은 스프링노트에서 작성되었습니다.
2011.04.21 -
var xmlPath = 'game.xml'; var results = []; $.ajax({ url: xmlPath, type: 'GET', dataType: 'xml', timeout: 10000, success: function(xml) { $(xml).find('MMO').each(function() { var subject = $.trim($(this).find('SUBJECT').text()); var category = $.trim($(this).find('CATEGORY').text()); results[results.length] = subject + ":" + category + " }); $("#isdebug").autocomplete(results); } }); 이 글은 스프링노트에..
xml 데이터 파싱 예제var xmlPath = 'game.xml'; var results = []; $.ajax({ url: xmlPath, type: 'GET', dataType: 'xml', timeout: 10000, success: function(xml) { $(xml).find('MMO').each(function() { var subject = $.trim($(this).find('SUBJECT').text()); var category = $.trim($(this).find('CATEGORY').text()); results[results.length] = subject + ":" + category + " }); $("#isdebug").autocomplete(results); } }); 이 글은 스프링노트에..
2011.04.21 -
jQuery 플러그인( jqModal.js ) link 이 글은 스프링노트에서 작성되었습니다.
jModal(모달리스)jQuery 플러그인( jqModal.js ) link 이 글은 스프링노트에서 작성되었습니다.
2011.04.21 -
JQuery 기본 Selector # 기본 셀렉터 * : 모든 엘리먼트와 일치 E : 태그명이 E인 모든 엘리먼트와 일치 E F : E의 자손이면서 태그명이 F인 모든 엘리먼트와 일치 E>F : E의 바로 아래 자식이면서 태그명이 F인 모든 엘러먼트와 일치 E+F : E의 형제 엘리먼트로 바로 다음에 나오는 엘리먼트 F와 일치 E~F : E의 형제 엘리먼트로 다음에 나오는 모든 엘리먼트 F와 일치 E:has(F) : 태그명이 F인 자손을 하나 이상 가지는 태그명이 E인 모든 엘리먼트와 일치 E.C : 클래스명 C를 가지는 모든 엘리먼트 E와 일치, E의 생각은 *.C와 동일함 E#I : 아이디가 I인 엘리먼트 E와 일치. E의 생략은 *#I와 동일함 E[A] : 어트리뷰트 A를 가지는 모든 엘리먼트 E와..
기본셀렉터 치터JQuery 기본 Selector # 기본 셀렉터 * : 모든 엘리먼트와 일치 E : 태그명이 E인 모든 엘리먼트와 일치 E F : E의 자손이면서 태그명이 F인 모든 엘리먼트와 일치 E>F : E의 바로 아래 자식이면서 태그명이 F인 모든 엘러먼트와 일치 E+F : E의 형제 엘리먼트로 바로 다음에 나오는 엘리먼트 F와 일치 E~F : E의 형제 엘리먼트로 다음에 나오는 모든 엘리먼트 F와 일치 E:has(F) : 태그명이 F인 자손을 하나 이상 가지는 태그명이 E인 모든 엘리먼트와 일치 E.C : 클래스명 C를 가지는 모든 엘리먼트 E와 일치, E의 생각은 *.C와 동일함 E#I : 아이디가 I인 엘리먼트 E와 일치. E의 생략은 *#I와 동일함 E[A] : 어트리뷰트 A를 가지는 모든 엘리먼트 E와..
2011.04.21 -
문자열 처리하기 anchor() 문서의 목적지를 가리키는 Anchor택을 지정한다. var anchorString="이 지점으로.." document.write(anchorString.anchor("anchorName1")) 위의 구문은 이 지점으로.. 의 HTML을 만든다. 앞의 지정한 문자열을 링크의 내용으로 괄호 안의 문자열은 anchor의 이름이다. big() 지정한 문자열을 택으로 감싼다. var makeBig = "big 입니다." document.write(makeBig.big()) 는 big 입니다. 로 된다. blink() 문자열을 택으로 감싼다. bold() 문자열을 택으로 감싼다. charAt() 문자열에서 특정 위치의 문자를 반환한다. 괄호 속에 지정해 줄 수 있는 정수는 0에서 문..
문자열함수문자열 처리하기 anchor() 문서의 목적지를 가리키는 Anchor택을 지정한다. var anchorString="이 지점으로.." document.write(anchorString.anchor("anchorName1")) 위의 구문은 이 지점으로.. 의 HTML을 만든다. 앞의 지정한 문자열을 링크의 내용으로 괄호 안의 문자열은 anchor의 이름이다. big() 지정한 문자열을 택으로 감싼다. var makeBig = "big 입니다." document.write(makeBig.big()) 는 big 입니다. 로 된다. blink() 문자열을 택으로 감싼다. bold() 문자열을 택으로 감싼다. charAt() 문자열에서 특정 위치의 문자를 반환한다. 괄호 속에 지정해 줄 수 있는 정수는 0에서 문..
2011.04.21