jQuery element 아름답게 생성하기

$('<div />', {
	id: 'charles',
        css: {
              'background-color' : 'white',
               marginLeft : '5px'
        },
	click: function(e){
		e.preventDefault();
		$(this).animate({opacity: 0.7}); 
	}
});

var anchor = $('<a />', {
	className: 'awesome',
	href: '#',
	text: "This is an anchor ",
	click: function(e){
	 	e.preventDefault();
		$(this).parent().slideToggle();
	}
});

 이렇게 element를 생성할 때는 반드시 className이라고 쓸 것. (또는 "class")

class라고 쓰면 사파리에서 작동 안 함. 

key값을 따옴표로 둘러쳐서 “class”라고 적으면 사파리에서도 잘 작동함.

CSS 속성들도 저렇게 객체 형식으로 한번에 정리해서 생성할 수 있음.