jquery css 선택 기 데모 코드
핵심 코드:
<script type="text/javascript">
$('#one').css("background","#fff");
$('div').css("background","#fff");
$('body div').css("background","#bbffaa");// body div
$('div > span').css("background","#bbffaa").css("color","red").css("font-size","12px");// div span
$('#two >.mini').css("background","red");//id two div class mini
$('#two').siblings("div").css("color","green");// #two div ,
$('div:first').css("background","red");
$('div:gt(1)').css("background","#fff");// 1 div
$('div:lt(1)').css("background","yellow");
$('div:not(.one)').css("color","#cccccc");// class one div
$('div:even').css("font-size","15px");// div
$('div:odd').css("font-size","12px");// div
$('div:contains(other)').css("font-size","10px");// other div
$('div:has(.mini)').css("color","#bbffaa");// class mini <div>
$('div:parent').css("color","#ffcccc");// （ ） div
$('div:hidden').show(3000);// div
$('div:visible')// div
$("div[title=test]").css("background","black");// title test div
$("div[.mini][title=test]").css("color","red");// class mini title test div
</script>
id 는 one class 를 one $('#one').css("background","#fff"); $('div').css("background","#fff"); $('body div').css("background","#bbffaa");//body 내 모든 div 속성$('div>span').css("background","\#bbffaa").css("color","red").css("font-size","12px");//div 에 있 는 span 요소 의 속성 을 변경 합 니 다$('\#two>mini').css("background","red");/id 는 two 의 div 내 모든 class 는 mini 요소 의 속성$('\#to').siblings('div').css('color','green');/\#two 동년배 div 요 소 를 선택 하 십시오.앞 뒤 위치 와 상 관 없 이$('div:first').css("background","red");$(")div:gt(1)').css("background","#fff");//색인 값 이 1 이상 인 모든 div 요소$('div:lt(1)').css("background","yellow");$(')div:not(.one)').css("color","#cccccc");//class 가 one 이 아 닌 div 요소$('div:even').css("font-size","15px")를 변경 합 니 다.//색인 번호 가 짝수 인 div$('div:odd').css("font-size","12px");/색인 번호 가 홀수 인 div$('div:contains(other)').css("font-size","10px");/텍스트 other 를 포함 하 는 div 요소$('div:has(mini)').css("color","\#bbffaa")를 설정 합 니 다./class 를 mini 요소 로 하 는
class 는 mini
class 는 mini,title 은 other
class 는 mini,title 은 test
class for mini,title for test
the span under div 요소 의 배경 색$('div:parent').css("color","\#ffcccc")를 설정 합 니 다.//하위 요소(텍스트 포함)를 포함 하 는 div 요소 의 속성$('div:hidden').show(3000);/숨겨 진 div$('div:visible')/보 이 는 div$("div[title=test]")를 가 져 옵 니 다.css("background","black");/title 을 test 로 설정 한 div$("div[mini][title=test]").css("color","red");/class 를 mini title 로 test 로 설정 한 div[Ctrl+A 전체 선택:외부 Js 를 도입 하려 면 페이지 를 새로 고침 해 야 실행 할 수 있 습 니 다.]
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기