jquery .css()

#hostingforum.kr
javascript

// HTML 요소 선택

var $div = $('div');



// 스타일 설정

$div.css('background-color', 'red');

$div.css('color', 'white');

#hostingforum.kr
javascript

// HTML 요소 선택

var $div = $('div');



// 스타일 가져오기

var backgroundColor = $div.css('background-color');

console.log(backgroundColor); // 'red'

#hostingforum.kr
javascript

// HTML 요소 선택

var $div = $('div');



// 여러 스타일 설정

$div.css({

  'background-color': 'red',

  'color': 'white',

  'font-size': '24px'

});

#hostingforum.kr
javascript

// HTML 요소 선택

var $div = $('div');



// 여러 스타일 가져오기

var styles = $div.css(['background-color', 'color', 'font-size']);

console.log(styles); // { 'background-color': 'red', 'color': 'white', 'font-size': '24px' }

#hostingforum.kr
javascript

css: function( name, value ) {

  return arguments.length > 1 ?

    this.css( name, value ) :

    this.each(function(){

      var css = this.style,

          target = {},

          computedStyle = jQuery.css(this, false, function(name){

            target[name] = css[name];

          });



      if ( computedStyle ) {

        jQuery.each(computedStyle, function(name, value){

          css[name] = value;

        });

      }



      if ( name ) {

        css[name] = value;

      }

    });

}