> 웹 프론트엔드 > JS 튜토리얼 > jQuery 속성의 활용(2부, 카테고리)_jquery

jQuery 속성의 활용(2부, 카테고리)_jquery

WBOY
풀어 주다: 2016-05-16 18:38:55
원래의
937명이 탐색했습니다.

이 일련의 기사는 속성, 카테고리, Html 코드, 텍스트 및 값의 5개 기사로 구분됩니다.
이 문서에서는 addClass(클래스), 제거 클래스(클래스), 토글클래스(클래스)의 사용법을 설명합니다.
이 기사 시리즈에 대한 제안이나 의견이 있으면 sjzlgt@qq.com으로 이메일을 보내주세요.
jQuery 공식 웹사이트를 방문하면 jQuery에 대해 자세히 알아볼 수 있습니다.
.addClass(class) 사용법
정의: 일치하는 각 요소에 지정된 클래스 이름을 추가합니다.
반환 값: 객체
매개변수: 클래스(문자열): 요소에 추가할 하나 이상의 CSS 클래스 이름, 여러 개를 공백으로 구분하세요.
예: ID가 "div_a1"인 DIV ' redBorder' 클래스를 중앙의 모든 이미지에 적용합니다.
코드: $("#div_a1 img").addClass("redBorder");

2.removeClass(class) 사용법
정의: 일치하는 모든 요소에서 삭제 전체 또는 특정 클래스.
반환값: Object
매개변수: class(문자열): (선택) 삭제할 하나 이상의 CSS 클래스 이름, 여러 개를 공백으로 구분하세요.
인스턴스: "div_b1"의 ID 변경 ' DIV의 모든 이미지에 대한 redBorder' 클래스입니다.
코드: $("#div_b1 img").removeClass("redBorder");

3.ggleClass(class) 사용법
정의: 존재하는 경우(존재하지 않음) 존재) ) 클래스를 삭제(추가)합니다.
반환 값: 개체
매개 변수: 클래스(문자열): CSS 클래스 이름
인스턴스: ID가 "div_c1"인 DIV의 모든 이미지를 'redBorder' 클래스로 전환합니다. 코드: $("#div_c1 img").toggleClass("redBorder");

실행 후 jquery를 로드하려면 새로 고쳐야 합니다


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]


源码打包下载
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿