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

수다왕

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

· 8년 전 · 조회 1709 1709

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

.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에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
4676	PHP	is_float - 변수의 유형이 float인지 여부를 찾습니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1662
4675	PHP	is_callable - 변수의 내용을 함수로 호출 할 수 있는지 확인	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2081
4674	PHP	is_bool - 변수가 부울인지 여부를 찾습니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1928
4673	PHP	php 메뉴얼 chm 파일입니다. [1]	짱이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2617
4672	PHP	is_array - 변수가 배열인지 여부를 찾습니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2086
4671	PHP	intval - 변수의 정수 값을 얻습니다. [1]	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2640
4670	PHP	boolval - 변수의 부울 값 가져 오기	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1929
4669	PHP	debug_zval_dump - 출력에 내부 zend 값의 문자열 표현을 덤프합니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1775
4668	PHP	empty - 변수가 비어 있는지 확인	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2332
4667	PHP	gettype - 변수 유형 가져 오기 [1]	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1945
4666	PHP	finfo_open - finfo :: __ construct - 새로운 fileinfo 자원을 만듭니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2112
4665	PHP	finfo_set_flags - finfo :: set_flags - libmagic 구성 옵션 설정	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2045
4664	PHP	mime_content_type - 파일의 MIME 내용 유형 감지	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2014
4663	PHP	ucfirst - 문자열의 첫 번째 문자를 대문자로 만듭니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2110
4662	PHP	trim - 문자열의 처음과 끝에있는 공백 (또는 다른 문자)을 제거합니다. [1]	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2081
4661	JavaScript	날짜 date 란? [1]	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2950
4660	PHP	substr - 문자열의 일부를 반환합니다. [1]	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1976
4659	PHP	substr_replace - 문자열의 일부분 이내의 텍스트 바꾸기	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2186
4658	PHP	substr_count - 하위 문자열 항목 수를 센다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2017
4657	웹서버	nginx.conf 에서 파일 업로드 용량 설정 [2]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	3697
4656	JavaScript	정규식으로 유투브 주소에서 아이디 값만 추출	총모아 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	4035
4655	MySQL	Visual SQL JOINs cheat sheet [3]	총모아 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2589
4654	MySQL	MySQL 세자리 마다 콤마 찍기 [1]	총모아 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	5021
4653	JavaScript	각 단어의 첫글자를 대문자로	총모아 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	3137
4652	PHP	cent os7 apache 2.4 php 5.6.30 mysql 5.6 환경에서 읽고 쓰기 문제	ycolor 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	1948
4651	MySQL	MySQL에서 localhost 접속이 안될때 설정해 볼 방법 - CentOS 버전 7.3 [4]	리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	5002
4650	PHP	substr_compare - 두 문자열을 오프셋에서 최대 길이 문자까지 이진 안전 비교	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2035
4649	PHP	strtr - 문자를 변환하거나 하위 문자열을 대체합니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2242
4648	PHP	strtoupper - 문자열을 대문자로 만듭니다.	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2316
4647	MySQL	strtolower - 소문자 로 문자열 만들기	컴프 프로필 보기 이 회원 글보기 이 회원의 댓글보기	8년 전	2271