.addClass()
일치하는 각 요소에 지정된 스타일 클래스 이름을 추가합니다
.addClass(className)
className은 일치하는 각 요소에 하나 이상의 스타일 이름을 추가합니다
.addClass(function( index,currentClass))
이 함수는 구분된 하나 이상의 공백을 반환하고, index는 일치하는 매개변수의 인덱스 위치를 나타내며, 이는 일치하는 요소 집합의 현재 요소를 가리킵니다.
$("p").addClass("myClass yourClass"); 이 두 가지 클래스 이름 스타일을 p 요소에 추가합니다.
$("ul li:last").addClass(function(index){
return "item-"+index;
}) 마지막
.CSS()
일치하는 요소 집합에서 첫 번째 요소의 스타일 속성에 대해 계산된 값을 가져오거나 일치하는 각 요소에 하나 이상의
CSS 속성을 설정합니다.
.css(PRopertyName)
propertyName은 CSS 속성 이름입니다. 하나 이상의 CSS 속성 배열입니다.
$(this).css("Background-color"); 현재 요소의 배경색을 가져옵니다.
$(this).css(["width","height",color]) 현재 요소의 너비와 높이 글꼴 색상을 가져옵니다.
.css(propertyName,value)
propertyName은 CSS 속성 이름입니다.
Value는 이 CSS의 속성 값을 설정합니다.
.css(propertyName,function)
propertyName은 CSS 속성 이름입니다.
Function 설정값을 반환하는데 사용되는 함수입니다. 이것이 현재 요소입니다.
$('div.example').css('width',function(index){
return index*50;
}) 일치하는 요소의 너비가 더 큰 가치.
$("p").mouSEOver(function(){
$(this).css("color","red");
}) 마우스가 p 요소 위로 지나갈 때, 텍스트가 빨간색으로 변합니다.
$("#box").one("click",function(){
$(this).css("width","+=200")
}) #box 너비 추가 200픽셀입니다.
.hasClass()
일치하는 요소에 지정된 (스타일 클래스)가 할당되었는지 확인
.hasClass(className)
className 쿼리할 스타일 이름입니다.
$("#mydiv").hasClass("foo") 일치하는 요소에 foo 스타일이 포함되어 있는지 여부
이 스타일이 있으면 true 반환 그렇지 않으면 false 반환
.removeClass()
일치하는 요소에서 스타일을 제거합니다.
.removeClass([className])
일치하는 각 요소에 대해 제거할 공백으로 구분된 하나 이상의 스타일 이름입니다.
$("p").removeClass("myClass yourClass")
.removeClass(function(index,class))
제거할 하나 이상의 요소를 반환하는 함수, 인덱스는 모두 현재와 일치합니다. 요소 컬렉션의 요소입니다.
.toggleClass()
일치하는 요소 집합의 각 요소에 대한 스타일 이름을 전환합니다.
.toggleClass(className)
일치하는 요소 집합의 각 요소에 대한 className 요소를 전환하는 데 사용되는 하나 이상의(공백으로 구분) 스타일 클래스 이름입니다.
.toggleClass(className,switch)
switch는 스타일을 추가할지 또는 제거할지 결정하는 데 사용되는 부울 값입니다.
.toggleClass([switch])
switch는 스타일 클래스를 추가할지 제거할지 결정하는 데 사용되는 부울 값입니다.
$('#foo').toggleClass(className,add0rRemove)는
if(add0rRemove){
$('#foo').addClass(className);
와 동일합니다. }else{
$('#foo').removeClass(className)
}
$("p").click(function(){
$(this).toggleClass ("highlight");
//현재 p 태그 클릭 시 스타일 전환
})
위 내용은 jquery가 CSS 선택기를 조작하는 내용입니다. PHP 중국어(www.php.cn)로!