jquery에서append(),appendto()사용 분석
- 巴扎黑원래의
- 2017-06-24 11:24:001835검색
이 글에서는 주로 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!