원본글 : 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
댓글을 달아 주세요