원본글 : jQuery gets Classy

Classy Query

클릭해도 소스는 안보입니다.



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>

자세한 소스코드는 여기를 클릭해서 보시면 됩니다.

다 보셨으면...
TAG
Posted by 행복한고니 트랙백 0 : 댓글 0

댓글을 달아 주세요