>  기사  >  웹 프론트엔드  >  jquery는 CSS 선택기를 작동합니다.

jquery는 CSS 선택기를 작동합니다.

黄舟
黄舟원래의
2016-12-16 10:47:171174검색

.addClass()
 일치하는 각 요소에 지정된 스타일 클래스 이름을 추가합니다
 .addClass(className)
 className은 일치하는 각 요소에 하나 이상의 스타일 이름을 추가합니다
.addClass(function( index,currentClass))
이 함수는 구분된 하나 이상의 공백을 반환하고, index는 일치하는 매개변수의 인덱스 위치를 나타내며, 이는 일치하는 요소 집합의 현재 요소를 가리킵니다.
 $("p").addClass("myClass yourClass"); 이 두 가지 클래스 이름 스타일을 p 요소에 추가합니다.
 $("ul li:last").addClass(function(index){
   return "item-"+index;
 }) 마지막

  • 요소에 "item-"을 추가합니다. " 스타일.


    .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)로!


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