제이쿼리 .before(content [,content])

수다왕

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 8년 전 · 조회 1706 1706

설명 : 일치하는 요소 세트의 각 요소 앞에 매개 변수로 지정된 컨텐츠를 삽입하십시오.

.before()및 .insertBefore()방법은 동일한 작업을 수행합니다.

주요 차이점은 구문과 특히 콘텐츠 및 대상의 배치에 있습니다.

With를 사용하면 .before()삽입 할 내용은 메서드의 인수에서 가져옵니다

$(target).before(contentToBeInserted). 로 .insertBefore(),

다른 한편으로는, 내용이 방법을 선행하고 차례로으로 전달되는 대상,

전에 삽입

.insertBefore()방법의 주장 : $(contentToBeInserted).insertBefore(target).

다음 HTML을 고려하십시오.

<h2>Greetings</h2>

<div class="inner">Hello</div>

<div class="inner">Goodbye</div>

</div>

한 번에 여러 요소 앞에 내용을 작성하고 삽입 할 수 있습니다.

$( ".inner" ).before( "<p>Test</p>" );

각 내부 <div>요소는이 새로운 내용을 얻습니다.

<h2>Greetings</h2>

<div class="inner">Hello</div>

<div class="inner">Goodbye</div>

</div>

페이지에서 요소를 선택하여 다른 요소 앞에 삽입 할 수도 있습니다.

$( ".container" ).before( $( "h2" ) );

이 방법으로 선택한 요소가 DOM의 다른 위치의 단일 위치에 삽입되면 대상 앞에 복제본이 이동합니다.

<h2>Greetings</h2>

<div class="inner">Hello</div>

<div class="inner">Goodbye</div>

</div>

중요 : 그러나 하나 이상의 대상 요소가있는 경우 마지막 요소를 제외한 각 대상에 대해 삽입 된 요소의 복제본이 만들어집니다.

<!doctype html>

<head>

<title>before demo</title>

<style>

p {

background: yellow;

}

</style>

</head>

<body>

$( "p" ).before( "<b>Hello</b>" );

</script>

</body>

</html>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시판 목록

개발자팁

개발과 관련된 유용한 정보를 공유하세요.
질문은 QA에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
4616	PHP	str_rot13 - 문자열에 rot13 변환을 수행합니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2514
4615	PHP	str_repeat - 문자열 반복	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1708
4614	jQuery	JSON + Ajax 이용하기	GKTEAM 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2747
4613	MySQL	MySql 5.6 버전 최적화 config [1]	GKTEAM 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	3679
4612	jQuery	ajax 를 이용한 비동기식 삭제 데이터 처리.	위토즈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2669
4611	JavaScript	차세대 javascript 컨트롤	위토즈 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2324
4610	PHP	str_pad - 문자열을 다른 문자열로 특정 길이로 채 웁니다 .	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1998
4609	PHP	str_ireplace	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1724
4608	PHP	str_getcsv - CSV 문자열을 배열로 구문 분석합니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2234
4607	PHP	sscanf - 형식에 따라 문자열에서 입력을 파싱합니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2848
4606	PHP	sprintf - 형식화 된 문자열 반환	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2201
4605	PHP	soundex - 문자열의 soundex 키 계산	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2109
4604	node.js	배열에 원소를 추가하기 push	대동소프트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1685
4603	node.js	배열의 갯수구하기 length	대동소프트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2132
4602	node.js	npm install url 모듈 설치	대동소프트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1840
4601	PHP	similar_text - 두 문자열 간의 유사성 계산	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2348
4600	PHP	sha1 - 문자열의 sha1 해시 계산	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2491
4599	PHP	sha1_file - 파일의 sha1 해시 계산	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2331
4598	PHP	setlocale - 로케일 정보 설정	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2356
4597	PHP	rtrim - 문자열의 끝에서 공백 (또는 다른 문자)을 제거합니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2546
4596	PHP	quotemeta - 메타 문자 인용	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1913
4595	PHP	quoted_printable_encode - 8 비트 문자열을 인용 된 인쇄 가능한 문자열로 변환합니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2398
4594	PHP	quoted_printable_decode - 인용 된 인쇄 가능한 문자열을 8 비트 문자열로 변환합니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2158
4593	PHP	printf - 형식화 된 문자열 출력	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2222
4592	PHP	print - 문자열을 출력합니다. [1]	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2278
4591	PHP	parse_str - 문자열을 변수로 파싱합니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2615
4590	PHP	ord - 문자의 ASCII 값을 반환합니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2216
4589	node.js	[수정] 원격지 프로그램 실행(프로그램 찾아 실행하기 귀찮아서 만든 프로그램입니다.)	terrorboy 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2009
4588	jQuery	jQuery w3schools 한글판 강좌67-Ancestors	프로그래머7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1678
4587	jQuery	jQuery w3schools 한글판 강좌66-Traversing the DOM	프로그래머7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1751