세: 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으로 문의하세요.
저자별 최신 기사
-
2024-10-22 09:46:29
-
2024-10-13 13:53:41
-
2024-10-12 12:15:51
-
2024-10-11 22:47:31
-
2024-10-11 19:36:51
-
2024-10-11 15:50:41
-
2024-10-11 15:07:41
-
2024-10-11 14:21:21
-
2024-10-11 12:59:11
-
2024-10-11 12:17:31
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
