jQuery 크로스 브라우저 이슈에 대해여....

우리가 사용하는 웹브라우저는 몇개나 될까요?

익스플로러? 크롬? 그리고 파이어폭스 정도?

아닙니다. 전세계 엄청 많은 브라우저들이 있는데요, 이런 다른 브라우저에서 프로그램이 동작하게 하려면, 그에 맞는 설계가 필요한데요. 자바스크립트에서 브라우저 적용에 대한 내용입니다.

        <script>

 function addEvent(target, eventType,eventHandler, useCapture) {

                if (target.addEventListener) { // W3C DOM

                    target.addEventListener(eventType,eventHandler,useCapture?useCapture:false);

                } else if (target.attachEvent) {  // IE DOM

                    var r = target.attachEvent("on"+eventType, eventHandler);

                }

            }

        </script>

위의 구절이 바로 어떤 브라우저를 사용하는지 검사?하는 코딩인데요,

자주 사용할 것 같습니다.

jQuery로 변경하면 이렇습니다.

        <script>

  $('#navigation li').live('click', function() {

                $('#navigation li').removeClass('selected');

                $(this).addClass('selected');

            })

        </script>

removeClass('selected'; - > for문을 대신해서 이렇게 간단하게 표기가능합니다.

(this) - > 현재선택된 것을 의미합니다.

자바스크립트의 엄청난 코드가 4줄로 줄어듭니다.

이제 jQuery의 강력함을 느껴보세요~