IT모아 IT모아

JavaScript/Jquery(제이쿼리)

• Jquery(제이쿼리) 씨즐(Sizzle)이란?

  JavaScript/Jquery(제이쿼리) 2016. 12. 7. 14:20

  지금까지 jquery를 사용하면서 아무렇지도 않게 사용했던 selector 방식 $("#foo1 > foo2 > foo3") 이... 씨즐이라고 한다.. 쉽게 팩트만 말하자면 CSS의 Sizzle Engine 을 이용한것이 Jquery의 selector 방식이다.

  Read More
• 제이쿼리 성능향상을 위한 팁!

  JavaScript/Jquery(제이쿼리) 2015. 6. 14. 18:40

  jQuery Proven Performance Tips And Tricks퍼포먼스 향상 패턴을 사용하는 것이 왜 중요한가요?프로그램 코드는 간단 명료해야지 엉성하게 만들면 안됩니다.좋은 코딩 습관은 문제를 해결하는데 적합한 방법을 제공합니다.퍼포먼스에 좋은 패턴을 사용하지 않고 코딩을 한다면 브라우저가 그 만큼 일을 더 많이 하게 됩니다.더 많은 일 = 더 많은 메모리 사용 = 느린 프로그램..퍼포먼스 향상 Tip 1항상 최신 버전의 jQuery를 사용하세요가능하다면 항상 최신 버전의 jQuery를 사용하세요최신 버전은 이전 버전에 비해 성능이 향상되고 버그가 수정된 경우가 많습니다.jQuery 파일을 최신 버전으로 교체해도 문제가 생기는 경우는 많지 않은편입니다.퍼포먼스 향상 Tip 2셀렉터를 어떻게 ..

  Read More
• 제이쿼리 toggleClass()

  JavaScript/Jquery(제이쿼리) 2015. 5. 10. 18:08

  toggleClass() 엘리먼트의 CSS 클래스를 확인해서 이미 존재하는 클래스는 제거하고 존재하지 않는 클래스는추가한다. addOrRemove 매개변수의 지정 여부에 따라 서로 추가하기만 하거나 제거만 하게끔 지정할 수 있다. input text를 클릭 시 색깔이 바뀌도록 하는 예제 입니다. 처음 클릭시 normal 이라는 클래스가 h1태그에 생기므로 초록색으로 바뀔것입니다. 다시 한번 클릭 할 경우 normal 이 제거되어 색상이 검정색으로 바뀌게 됩니다. class 추가 혹은 삭제 시 다중으로도 가능하니 이점 알아주시기 바랍니다!!

  Read More