jQuery 모호한 선택
3353 단어 jquery
jQuery 속성 헤더 선택기의 사용 형식은 jQuery('[attribute|=value]')입니다. 예를 들어 jQuery('[herflang|=en]') 코드가 실행될 때 문서에 있는herflang 속성을 모두 선택하고herflang의 값이'en'으로 시작하는 요소를 선택합니다. 즉,'en'뒤에 있는'-'도 선택할 수 있습니다.
속성 시작 선택기(Attribute Starts With Selector)
jQuery ('[attribute^=value]') 는 속성의 값을 문자열로 시작하는 요소를 선택하는 데 사용되지만, jQuery (' [attribute | =value] ') 와는 달리,value의 뒤에 연결 문자가 있으면 이 요소는 선택되지 않습니다.예를 들어 jQuery ('[rel^=no]') 는 모든 rel의 값을 'no' 로 시작하는 요소를 선택하지만, rel='no-*** '와 비슷한 요소는 선택하지 않습니다.
속성에 선택기 포함(Attribute Contains Selector)
기본적인 사용 방법은 jQuery('[attribute*=value]'), 예를 들어 jQuery('[rel*=no]')는 모든 rel 속성을 표시하고 rel의 값에 하위 문자열'no'를 포함하는 요소(예를 들어 rel='nofollow', rel='yesorno'등)가 선택된다.
속성 단어 선택기(Attribute Contains Word Selector)
jQuery ('[attribute ~ = value]'), 이 선택기의 특별한 점은 value의 값은 독립된 단어 (또는 문자열), 예를 들어 jQuery ('[rel ~ = no]) 만 있어야 한다는 데 있다. 이 구절은 실행할 때 rel =' yes or no '가 있는 원소를 선택하지만, rel =' yesorno '가 있는 요소는 선택하지 않는다.이 선택기는 속성이 선택기를 포함하는 보충품으로 볼 수 있으며 엄격하게 일치해야 할 때 사용된다.
속성 끝 선택기(Attribute Ends With Selector)
jQuery ('[attribute$=value]') 는 특정 속성의 값을 문자열로 끝내는 요소를 선택합니다. 예를 들어 jQuery (' [rel$=no] ') 는 rel 속성의 값을' no '로 끝내는 요소를 선택합니다.
Attribute Equals Selector
jQuery('[attribute=value]')는 속성의 값이 완전히 같은 요소만 선택한다. 예를 들어 jQuery('[rel=nofollow]')는rel='nofollow'의 요소만 선택하면 하마터면 안 될 뻔했다.
속성 비등식 선택기(Attribute Not Equal Selector)
jQuery('[attribute!=value]')는: not([attr=value])의 효과와 같이 속성이 어떤 값과 같지 않은 요소를 선택하는데 사용됩니다. 예를 들어 jQuery('[rel!=nofollow]'), 모든 rel='nofollow'의 요소는 선택되지 않습니다.
eg:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> </title>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//
alert($("[id^='A_M']").length); // id "A_M" , 6
//
alert($("[id$='_04']").length); // id "_04" , 4
//
alert($("[id*='M']").length); // id "M" , 9
//
alert($("div[id^='A_M']").length); // div id "A_M" , 4
// DOM
});
//
</script>
</head>
<body>
<div id="A_M_01">
<li id="A_M_01_ul"></li>
</div>
<div id="A_M_02">
<li id="A_M_02_ul"></li>
</div>
<div id="A_M_03"></div>
<div id="A_M_04"></div>
<div id="B_M_04"></div>
<div id="C_M_04"></div>
<div id="D_M_04"></div>
</body>
</html>이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
jQuery 전후 예이 기사에서는 jquery after() 및 before() 메소드의 예를 볼 것입니다. before() 메서드는 선택한 요소 앞에 지정된 콘텐츠를 삽입합니다. after() 메서드는 선택한 요소 뒤에 지정된 콘텐츠...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
