jQuery 사용설명서(3)_jquery

세: CSS 작업

기존 JavaScript의 CSS 작업은 상당히 번거롭습니다. 예를 들어

css

" ).style.Background이며 jQuery는 CSS 작업에 더 편리합니다. $("#a").Background(), $("#a").Background("red")
$("#a " ) jQuery 객체 가져오기 [

]
$("#a"). background() 는 객체의 배경 스타일을 제거합니다.
$("#a").Background("red")는 객체의 배경 스타일을 빨간색으로 설정합니다jQuery는 CSS
배경 작업을 위해 다음과 같은 메서드를 제공합니다. () 배경 (val) color() color(val) css(name) css(prop)
css(key, value) float() float(val) height() height(val) width() width( val )
left() left(val) Overflow() Overflow(val) position() position(val) top() top(val)

여기서 CSS를 설명해야 합니다( name) css(prop) css(key, value), 이름만 봐도 다른 것들이 무엇을 하는지 알 수 있습니다!

<div id="a" 스타일="배경:블루 ; 색상:빨간색">cssdiv><P id="b">test P>

css(name) name
$("#a" )이라는 스타일을 가져옵니다. css("color")는 스타일에서 빨간색 색상 값을 가져오고, ("#a").css("배경 ")은 파란색

css(prop) prop은 많은 수의 CSS 스타일을 설정하는 데 사용되는 해시 개체입니다 $("#b").css({ color: "red", background: "blue" });
최종 효과는

test

,{ color: "red", background: "blue" }, 해시 객체, 색상은 키, " 빨간색"은 값입니다.


css(key, value)는 별도의 CSS 스타일을 설정하는 데 사용됩니다.
$("#b") .css( "color","red");최종 효과는

test

입니다.

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.