spectrum learns to dig

객체를 생성 후 생성한 객체를 다시 참조하는 패턴으로 $('div#mainContext').append('<div class="header"/>'); $('div.header').click(function() {   // do something }); 이런 식으로 흔히들 쓰는데 $('div.header') 를 도는 비용이 많이 드니 $('<div class="header"/>').appendTo('div#mainContext').click(function() {   // do something }); 으로 순서를 바꿔서 객체를 chaining으로 활용하자.

http://sharedfil.es/js-48hIfQE4XK.html 내용. 맘에 들어서 퍼옴. 포인트는 querySelector 같은게 IE 에서 되면 뭐다러 jQuery selector를 쓰냐 forEach가 먹으면 뭐하러 귀찮게 $.each를 쓰냐. 이게 다 IE 때문이다. 그래서 jQuery 를 쓴다. jQuery JavaScript $(document).ready(function() { // code…}); document.addEventListener("DOMContentLoaded", function() { // code…}); var divs = $("div"); var divs = document.querySelectorAll("div"); var newDiv = $("<div/>"); var newDiv = document.createElement("div"); newDiv.addClass("foo"); newDiv.classList.add("foo"); newDiv.toggleClass("foo"); newDiv.classList.toggle("foo"); $("a").click(function() { // code…}) [].forEach.call(document.querySelectorAll("a"), function(el) { el.addEventListener("click", function() { // code… });}); $("body").append($("<p/>")); document.body.appendChild(document.createElement("p")); $(...