jquery에서append(),appendto()사용 분석-JS 튜토리얼-php.cn

jquery에서append(),appendto()사용 분석

巴扎黑

풀어 주다： 2017-06-24 11:24:00

원래의

1864명이 탐색했습니다.

이 글에서는 주로 jquery의append()와appendto()의 사용법 분석을 소개합니다. 참고하세요

이 글은 jquery에서 Append()와 Appendto()의 사용법을 예시로 분석한 글입니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

jQuery의 문서 연산 방식 중,append(),appendto() 메소드는 동일한 작업을 수행하지만 차이점도 있습니다.

1.append() 메소드: 선택한 요소의 끝에 지정된 내용을 삽입합니다(그러나 여전히 요소 내부에 있음).

a.Syntax:

코드는 다음과 같습니다.

$(selector).append(content);

그 중 매개변수 내용은 필수이며 추가할 내용을 지정합니다.

b.append는 함수를 사용하여 선택한 요소에 콘텐츠를 추가할 수 있습니다. 구문은 다음과 같습니다.

코드는 다음과 같습니다.

$(selector).append(function(index,html));

where function ()는 필수이고 매개변수 index와 html은 선택사항입니다. Index는 수신 선택자의 인덱스 위치를 나타내고, html은 수신 선택자의 현재 html을 나타냅니다.

예:

코드는 다음과 같습니다.

<html>  
<head>  
<script type="text/
javascript
" src="/jquery/jquery.js"></script>  
<script type="text/javascript">  
$(
document
).ready(function(){  
  $("button").click(function(){  
    $("p").append(" <b>Hello jQuery!</b>");  
  });  
});  
</script>  
</head>  
<body>  
<p>This is a paragraph.</p>  
<p>This is another paragraph.</p>  
<button>在每个 p 元素的结尾添加内容</button>  
</body>  
</html>

로그인 후 복사

실행 결과는 다음과 같습니다.

이것은 단락입니다. Hello jQuery!
이것은 또 다른 단락입니다. 방법:

선택 시 지정된 내용을 요소 끝에 삽입합니다(그러나 여전히 요소 내부에 있음). 그러나 콘텐츠를 추가하는 기능을 사용할 수는 없습니다.

문법:

코드는 다음과 같습니다.

$(content).appendto(selector);

예:

코드는 다음과 같습니다.

<html>  
<head>  
<script type="text/javascript" src="/jquery/jquery.js"></script>  
<script type="text/javascript">  
$(document).ready(function(){  
  $("button").click(function(){  
    $("<b> Hello jQuery!</b>").appendTo("p");  
  });  
});  
</script>  
</head>  
<body>  
<p>This is a paragraph.</p>  
<p>This is another paragraph.</p>  
<button>在每个 p 元素的结尾添加内容</button>  
</body>  
</html>

로그인 후 복사

실행 결과는 다음과 같습니다.

이것은 단락입니다. 안녕하세요 jQuery!
이것은 또 다른 단락입니다. 안녕하세요 jQuery!

위 내용은 jquery에서append(),appendto()사용 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!