Front-end/JavaScript

Front-end/JavaScript

[JavaScript] jQuery CSS 스타일 지정하기

css() 명령 $('셀렉터').css('스타일속성이름' , '값') $('셀렉터').css({ 스타일속성이름 : '값'. 스타일속성이름 : '값'. }) px단위는 생략가능 margin-top 같이 '-' 가 있는 경우 인식을 못 하기 때문에 marginTop 카멜표기법으로 써야함 ex) css 값을 변수에 저장하는 법 let 변수명 = $('셀렉터').css('스타일속성이름') ex)

Front-end/JavaScript

[JavaScript] jQuery 공간 명령

width(), height() 명령 $('셀렉터').width(숫자) $('셀렉터').height(숫자) : 너비/높이 값 지정 숫자는 px로 인식하기 때문에 px를 쓸 필요 없음 innerWidth(), innerHeight() 명령 $('셀렉터').innerWidth(숫자) $('셀렉터').innerHeight(숫자) : 너비/높이 + padding 값 outerWidth(), outerHeight() 명령 $('셀렉터').outerWidth(숫자) $('셀렉터').outerHeight(숫자) : 너비/높이 + padding + border 값 outerWidth(true), outerHeight(true) 명령 $('셀렉터').outerWidth(숫자) $('셀렉터').outerHeight(숫자)..

Front-end/JavaScript

[JavaScript] jQuery 요소 이동시키기

appendTo(), prependTo(), insertBefore(), insertAfter() : 셀렉터로 지정 된 요소를 특정 위치로 이동

Front-end/JavaScript

[JavaScript] jQuery 요소 추가하기

before(), prepend(), append(), after() : 셀렉터 영역을 기준으로 명령에 따라 추가되는 위치가 달라집니다. $('셀렉터').append() $('셀렉터').prepend() $('셀렉터').before() $('셀렉터').after()

eunjin-park
'Front-end/JavaScript' 카테고리의 글 목록 (15 Page)