> 웹 프론트엔드 > JS 튜토리얼 > JQuery CSS 스타일 제어 연구 Notes_jquery

JQuery CSS 스타일 제어 연구 Notes_jquery

WBOY
풀어 주다: 2016-05-16 18:49:19
원래의
1084명이 탐색했습니다.

jQuery에 대해서는 별로 할 말이 없습니다. 비교적 일반적으로 사용되는 JS의 함수 라이브러리입니다. 오늘은 CSS
$(selector).css("name","value" ) $(selector).css({properties})
$(selector).css(name)
$(selector).css("name","value")는 모든 요소에 대해 제공됩니다. CSS 속성 설정값 :
아래 제가 방금 작성한 코드를 보세요

코드를 복사하세요 코드는 다음과 같습니다




해당 html은 다음과 같습니다.

이 텍스트의 배경이 빨간색으로 변하면 크기가 두 배로 커집니다



마지막 CSS(이름)를 살펴보겠습니다.
이것은 거의 사용되지 않습니다
보기 예제
$(this).css("Background-color");
실제로는 "name"의 속성값을 반환하는데, 기본적으로는 비교적 적게 사용되는 부분이므로 자세히 설명하지 않겠습니다. JQuery CSS 스타일 제어 연구 Notes_jqueryjQuery 크기는 별도로 나열되어야 합니다.
크기에는 $(selector).height(value) 및 $(selector).width(value)라는 두 가지 매개변수가 있습니다.
둘의 사용법은 동일하며 아래에 나열되어 있습니다. 예를 들어보세요:




코드 복사


코드는 다음과 같습니다.
< ;head>

이 p 태그 상자의 높이는 200px로 늘어나고 너비는 20px이 됩니다.





다음은 보충 테스트 코드입니다




코드 복사
코드는 다음과 같습니다.



<머리>

无标题文档




<본문>
我会变颜color哦

添样式
去除样式
变样式
多点几下变样式
变color



1.addClass(class)
描述:为选择的元素集合添加指定样式。
2.removeClass([class])
描述:为选择的 元素集合删除指定样式。
3.toggleClass(class)
描述:替换选择的集样式。备注下 ,如果当前 元素的样子已经为class时,将会去除该样式,样当于addClass는removeClass의 연결 방식입니다.
4.toggleClass(class, switch)
描述:与上一个方法类似,区别就是多加了个switch判断,当switch值为true时,对进行样式的改变
5.css(styleName,value)/css(styleName)/css({value})
描述:css(styleName,value)사용于设置当前元素的styleName样式属性值为value, css(styleName)사용于获取当前元素의styleName样式属性值,而css({value})而为另一种设置样式属性值的耼與,具体用法参考例子^^,因为跟element.attr 용법类似所以这就不详细说명명
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿