제이쿼리(J-Query) 메소드 CSS()

제이쿼리 CSS() 메소드

: CSS() 메소드를 이용하여 엘리먼트에 인라인 스타일로 스타일을 추가할 수 있다.

제이쿼리에만 있는 기능으로 자바스크립트에는 존재하지 않는다.

여러 스타일을 추가하고자 할때는 세미콜론으로 추가하면 된다.

 

 

문법

: $('element').css();

 

 

ex.

$('.box').css('color','#f00');

$('.box').css({

  'background':'#eee','font-size':'15px'

});

$(".btn").parent().css({

  "color":"#f69834"

});

 

 

 

* attr() 메소드와 css() 메소드의 차이점

: attr() 의 경우 기존의 값을 변경, css() 의 경우 기존의 값에 추가하는 개념

 

$('element').attr('name','value')

 

ex.

$('.list > a').attr('href','https://www.daum.net');