jQuery 선택 기의 속성 선택 기 사용법 상세 설명
이렇게 많은 속성 선택 기 중에서[attr="value"]와[attr*="value"]가 가장 실 용적 입 니 다.
[attr="value"]서로 다른 유형의 요 소 를 찾 을 수 있 습 니 다.특히 폼 form 요소 의 조작,예 를 들 어 input[type="text"],input[type="checkbox"]등 이 있 습 니 다.
[attr*="value"]사이트 에서 서로 다른 유형의 파일 과 일치 하도록 도와 줄 수 있 습 니 다.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" href="imooc.css" rel="external nofollow" type="text/css">
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
<h2> </h2>
<h3>[att=val]、[att]、[att|=val]、[att~=val]</h3>
<div class="left" testattr="true" >
<div class="div" testattr="true" name='p1'>
<a>[att=val]</a>
</div>
<div class="div" testattr="true" p2>
<a>[att]</a>
</div>
<div class="div" testattr="true" name="-">
<a>[att|=val]</a>
</div>
<div class="div" testattr="true" name="a b">
<a>[att~=val]</a>
</div>
</div>
<script type="text/javascript">
// div , name=p1 div
$("div[name = p1]").css("border", "3px groove red");
</script>
<script type="text/javascript">
// div , p2 div
$("div[p2]").css("border", "3px groove blue");
</script>
<script type="text/javascript">
// div , name “-” div
$("div[name|='-']").css("border", "3px groove #00FF00");
</script>
<script type="text/javascript">
// div , name “ ” “a” div
$("div[name~='a']").css("border", "3px groove #668B8B");
</script>
<h3>[att^=val]、[att*=val]、[att$=val]、[att!=val]</h3>
<div class="left" testattr="true" >
<div class="div" testattr="true" name='imooc-aaorn'>
<a>[att^=val]</a>
</div>
<div class="div" testattr="true" name='aaorn-imooc'>
<a>[att$=val]</a>
</div>
<div class="div" testattr="true" name="attr-test-selector">
<a>[att*=val]</a>
</div>
<div class="div" name="a b">
<a>[att!=val]</a>
</div>
</div>
<script type="text/javascript">
// div , name imooc
$("div[name ^= imooc]").css("border", "3px groove red");
</script>
<script type="text/javascript">
// div , name imooc
$("div[name $= imooc]").css("border", "3px groove blue");
</script>
<script type="text/javascript">
// div , name test div
$("div[name*='test']").css("border", "3px groove #00FF00");
</script>
<script type="text/javascript">
// div , testattr "true" div
$("div[testattr != 'true']").css("border", "3px groove #668B8B");
</script>
</body>
</html>
이상 의 jQuery 선택 기의 속성 선택 기 사용법 에 대한 상세 한 설명 은 바로 소 편 이 여러분 에 게 공유 한 모든 내용 입 니 다.여러분 께 참고 가 되 고 저희 도 많이 사랑 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.