원본글 : jQuery gets Classy

jQuery가 클래스화된 코드를 지원하기 시작했습니다. 협업 등의 이런저런 요구사항을 받아들이기 위해서 prototype.js 등에서 볼 수 있었던 클래스스러운 코드를 포함하기로 했다는 군요.
그 덕에 이런 코드가 가능하답니다.
자세한 소스코드는 여기를 클릭해서 보시면 됩니다.
다 보셨으면...

클릭해도 소스는 안보입니다.
jQuery가 클래스화된 코드를 지원하기 시작했습니다. 협업 등의 이런저런 요구사항을 받아들이기 위해서 prototype.js 등에서 볼 수 있었던 클래스스러운 코드를 포함하기로 했다는 군요.
그 덕에 이런 코드가 가능하답니다.
<script src="jquery.js"></script>
<script src="classy.js"></script>
<script>
jQuery.Events.addEventListener(document, "ready", function(){
jQuery.querySelectorAll("div").forEach(function(elem){
jQuery.DOM.append(elem, " <b>More...</b>");
});
jQuery.querySelectorAll("div b").forEach(function(elem){
jQuery.Events.addEventListener("click", function(elem, event){
var next = jQuery.Traversal.nextSibling(elem);
var animation = jQuery.Effects.buildAnimation( next, {height: "toggle"});
amimation.start();
});
});
});
</script>
<script src="classy.js"></script>
<script>
jQuery.Events.addEventListener(document, "ready", function(){
jQuery.querySelectorAll("div").forEach(function(elem){
jQuery.DOM.append(elem, " <b>More...</b>");
});
jQuery.querySelectorAll("div b").forEach(function(elem){
jQuery.Events.addEventListener("click", function(elem, event){
var next = jQuery.Traversal.nextSibling(elem);
var animation = jQuery.Effects.buildAnimation( next, {height: "toggle"});
amimation.start();
});
});
});
</script>
자세한 소스코드는 여기를 클릭해서 보시면 됩니다.
다 보셨으면...
'[IT] Web Tech' 카테고리의 다른 글
성능면에서 바라본 Acid 3 (0) | 2008.04.03 |
---|---|
GChart 2.0 (0) | 2008.04.02 |
SVG와 CSS로 재밌는 놀~이 (0) | 2008.04.02 |
ECMAScript 4 업데이트 : 새 문법, tail calls 제거 (0) | 2008.04.02 |
jQuery 클래스화 되다? (0) | 2008.04.01 |
구글, JavaScript 2를 위한 GWT 릴리스 (0) | 2008.04.01 |
구글 닥스 오프라인으로도 사용 가능 (0) | 2008.04.01 |
모질라 10주년 기념 (0) | 2008.04.01 |
보안과 캐시를 위한 hash 프로퍼티 사용 (0) | 2008.04.01 |
TAG jquery
댓글을 달아 주세요