jQuery의 content() 메소드 사용 예-JS 튜토리얼-php.cn

jQuery의 content() 메소드 사용 예

巴扎黑

풀어 주다： 2017-06-24 11:13:41

원래의

1881명이 탐색했습니다.

이 글에서는 jQuery의 content() 메소드 사용법을 주로 소개합니다. 이 예제에서는 일치하는 요소 내의 모든 첫 번째 하위 노드를 찾기 위해 content() 메소드의 기능, 정의 및 사용 기술을 분석합니다. 참고하시면 됩니다

본 글의 예시는 jQuery에서 content() 메소드의 사용법을 설명하고 있습니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

이 방법은 일치하는 요소 내에서 모든 첫 번째 수준 하위 노드(텍스트 노드 포함)를 찾습니다.
요소가 iframe인 경우 문서 콘텐츠를 찾습니다.
contents() 메서드는 결과 jQuery object에 텍스트 노드와 HTML 요소가 포함된다는 점을 제외하면 children() 메서드와 유사합니다.

문법 구조:

코드는 다음과 같습니다.

$(selector).contents()

로그인 후 복사

인스턴스 코드:

코드는 다음과 같습니다.

<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.jb51.net/" /> 
<title>contents()函数-脚本之家</title> 
<script type="text/
javascript
" src="mytest/jQuery/jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
$(
document
).ready(function(){ 
  $("ul").contents().not("[nodeType==1]").css("color","red"); 
}) 
</script> 
</head> 
<body> 
<p> 
  <ul> 
    <li>html专区</li> 
    <li>p+CSS专区</li> 
    <li>Javascript专区</li> 
    <li>Jquery专区</li> 
  </ul> 
</p> 
</body> 
</html>

로그인 후 복사

위 코드는 ul 아래 텍스트 노드의 색상을 설정할 수 있습니다. 요소를 빨간색으로 변경합니다.

위 내용은 jQuery의 content() 메소드 사용 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!