프로토타입의 기능을 이용하니, 굉장히 쉬워졌습니다. 정보
프로토타입의 기능을 이용하니, 굉장히 쉬워졌습니다.본문
getElementById() 써주면서, ID 값을 찾아주던것을......프로토타입 하나로 해결하게 되었습니다.
프로토타입 사용방법중에 아주 좋은 방법을 지금까지 몰라서 큰 손해를 본 저입니다. ㅠㅠㅠ
그러나, 혹 저 처럼 자바스크립트를 사용하는데 있어 손해보는 분들이 있을까? 해서.. 자게에 한번 모르는 분들을 위해 글써봅니다. ㅎㅎ
이 내용을 문서에다가 넣어주면, 프로토타입을 사용 할 수 있습니다.
그누보드에서는 기본으로 js 폴더에 모두 들어 있더군요. ㅎㅎ^^ 그냥 저거 쓰면 다 됩니다.
이제 이 내용을 남겼다면, 다음부터는 그냥 사용만 하면됩니다.
이제.. getElementById() 를 다르게 간편하게 프로토타입을 통해서 사용하는 방법을 알려드리겠습니다.
document.getElementById('abc').style.display = 'none'; << 프로토 타입이 없을경우
$("abc").style.display = 'none'; << 프로토 타입이 있을경우
즉 전에는 도큐먼트.~ 해서 쭉가던 것을 프로토 타입인 $("ID")로 해결해 줍니다. 이로써 아주 간단하게 특정 id 값의 엘리멘트의 경로를 지정해 줍니다.!!
ㅎㅎ
~ 역시, 자바스크립트는 정말 재밌습니다. 그러면서, 배우면 배울수록 난해하고 어렵내요...
ㅎㅎ^^ Booni AVT , NOVEL .. ㅎㅎ ^^ 여기다가 많이 적용해보고싶네요~
또한, 프로토 타입 내부 소스에서 일부분만 빼서 사용하실수 있습니다. 저가 말한 기능은 아래 소스입니다.
<script type="text/javascript">
function $(element) {
if (arguments.length > 1) {
for (var i = 0, elements = [], length = arguments.length; i < length; i++)
elements.push($(arguments[i]));
return elements;
}
if (typeof element == 'string')
element = document.getElementById(element);
return Element.extend(element);
}
</script>
ㅎㅎ! 신기한 자바스크립트의 세상
프로토타입 사용방법중에 아주 좋은 방법을 지금까지 몰라서 큰 손해를 본 저입니다. ㅠㅠㅠ
그러나, 혹 저 처럼 자바스크립트를 사용하는데 있어 손해보는 분들이 있을까? 해서.. 자게에 한번 모르는 분들을 위해 글써봅니다. ㅎㅎ
이 내용을 문서에다가 넣어주면, 프로토타입을 사용 할 수 있습니다.
그누보드에서는 기본으로 js 폴더에 모두 들어 있더군요. ㅎㅎ^^ 그냥 저거 쓰면 다 됩니다.
이제 이 내용을 남겼다면, 다음부터는 그냥 사용만 하면됩니다.
이제.. getElementById() 를 다르게 간편하게 프로토타입을 통해서 사용하는 방법을 알려드리겠습니다.
document.getElementById('abc').style.display = 'none'; << 프로토 타입이 없을경우
$("abc").style.display = 'none'; << 프로토 타입이 있을경우
즉 전에는 도큐먼트.~ 해서 쭉가던 것을 프로토 타입인 $("ID")로 해결해 줍니다. 이로써 아주 간단하게 특정 id 값의 엘리멘트의 경로를 지정해 줍니다.!!
ㅎㅎ
~ 역시, 자바스크립트는 정말 재밌습니다. 그러면서, 배우면 배울수록 난해하고 어렵내요...
ㅎㅎ^^ Booni AVT , NOVEL .. ㅎㅎ ^^ 여기다가 많이 적용해보고싶네요~
또한, 프로토 타입 내부 소스에서 일부분만 빼서 사용하실수 있습니다. 저가 말한 기능은 아래 소스입니다.
<script type="text/javascript">
function $(element) {
if (arguments.length > 1) {
for (var i = 0, elements = [], length = arguments.length; i < length; i++)
elements.push($(arguments[i]));
return elements;
}
if (typeof element == 'string')
element = document.getElementById(element);
return Element.extend(element);
}
</script>
ㅎㅎ! 신기한 자바스크립트의 세상
댓글 전체
jquery나 mootools , doja나 기타 java라이브러리에서도 모두 지원하는 기능입니다~
mootools 는 prototype와 비슷하고
jquery는 css형식을 따라서 사용하더군요...
처음에 접했던 라이브러리가 prototype라서 jquery 적응하는데 오래걸렸습니다만...;;
jquery는 좀 다른방식으로 접근하더군요 ㅠㅠ... 그게 좀 힘들었었슴
mootools 는 prototype와 비슷하고
jquery는 css형식을 따라서 사용하더군요...
처음에 접했던 라이브러리가 prototype라서 jquery 적응하는데 오래걸렸습니다만...;;
jquery는 좀 다른방식으로 접근하더군요 ㅠㅠ... 그게 좀 힘들었었슴
prototype 같은경우에는 기존에 java를 알면
$('아이디').css="border: 1px solid #ff0" 하면 편하게 작성되지만
jquery같은경우에는 새로 외워야 하더군요 ㅠㅠㅠ
$('#아이디').css({border:"1px solid #ff0"});
이런식으로 ㅠㅠ focus나 기타 다른것들도 전부 jquery 전용으로 만들어져있는 기능을 써야한다는건 좀 아쉬운 사용방법이였던것 같습니다.
$('아이디').css="border: 1px solid #ff0" 하면 편하게 작성되지만
jquery같은경우에는 새로 외워야 하더군요 ㅠㅠㅠ
$('#아이디').css({border:"1px solid #ff0"});
이런식으로 ㅠㅠ focus나 기타 다른것들도 전부 jquery 전용으로 만들어져있는 기능을 써야한다는건 좀 아쉬운 사용방법이였던것 같습니다.
엌 저도 텝메뉴 만들때 document~ 로 이용했는데 참고해봐야겠네요!