jquery에 복제 방법이 있나요?-JS 튜토리얼-php.cn

jquery에 복제 방법이 있나요?

青灯夜游

풀어 주다： 2020-11-19 10:14:52

원래의

1844명이 탐색했습니다.

jquery에는 clone() 메소드라는 복제 메소드가 있습니다. clone() 메소드는 DOM 복제를 처리하는 데 특별히 사용됩니다. 하위 노드, 텍스트 및 속성을 포함하여 선택한 요소의 복사본을 생성할 수 있습니다. 구문은 "$(selector).clone(true|false)"입니다. 해당 복사 이벤트 처리가 필요한 프로그램입니다.

jquery에 복제 방법이 있나요?

관련 권장사항: "jq Video"

노드 복제는 DOM의 일반적인 작업입니다. jQuery는 DOM 복제를 처리하는 데 특별히 사용되는 복제 메서드를 제공합니다.

.clone() 메서드는 일치하는 모든 노드 요소를 깊이 복사합니다. 일치하는 모든 요소, 일치하는 요소의 하위 요소 및 텍스트 노드를 포함하는 컬렉션입니다.

clone 방법은 상대적으로 간단합니다. 노드를 복제하기만 하면 되지만, 노드에 이벤트나 데이터 등 다른 처리가 있는 경우 clone(ture)을 통해 부울 값 ture를 전달하여 지정해야 하므로 주의해야 합니다. 단순한 복제가 아니라는 점입니다. 노드 구조도 첨부된 이벤트 및 데이터와 함께 복제되어야 합니다.

Syntax

$(selector).clone(true|false)

로그인 후 복사

매개변수:

true 이벤트 핸들러를 복사해야 함을 지정합니다.
false 기본값. 이벤트 핸들러가 복사되지 않도록 지정합니다.

예:

HTML 부분

<div></div>

로그인 후 복사

JavaScript 부분

$("div").on(&#39;click&#39;, function() {//执行操作})

//clone处理一
$("div").clone()   //只克隆了结构，事件丢失

//clone处理二
$("div").clone(true) //结构、事件与数据都克隆

로그인 후 복사

복제를 사용할 때 추가 세부정보를 알아야 합니다.

clone() 방법 , 문서에 삽입하기 전에 복제된 요소나 요소 내용을 수정할 수 있습니다. 예를 들어 오른쪽 코드에서는 $(this).clone().css('color','red') 를 추가합니다. color
true를 전달하면 원본 요소에 바인딩된 모든 이벤트 핸들러가 복제된 요소에 복사됩니다. clone() 메서드는 jQuery 확장이며
요소 개체를 통해 바인딩된 이벤트 및 데이터만 처리할 수 있습니다. 데이터 내의 배열은 복사되지 않으며 복제된 요소와 원본 요소 간에 계속 공유됩니다. 딥 카피를 위한 모든 데이터는 각

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
    <style>
    .left,
    .right {
        width: 300px;
        height: 120px;
    }
    
    .left div,
    .right div {
        width: 100px;
        height: 90px;
        padding: 5px;
        margin: 5px;
        float: left;
        border: 1px solid #ccc;
        background: #bbffaa;
    }
    </style>
</head>

<body>
    <h2>通过clone克隆元素</h2>
    <div class="left">
        <div class="aaron1">点击,clone浅拷贝</div>
        <div class="aaron2">点击,clone深拷贝,可以继续触发创建</div>
    </div>
    <script type="text/javascript">
        //只克隆节点
        //不克隆事件
        $(".aaron1").on(&#39;click&#39;, function() {
            $(".left").append( $(this).clone().css(&#39;color&#39;,&#39;red&#39;) )
        })
    </script>

    <script type="text/javascript">
        //克隆节点
        //克隆事件
        $(".aaron2").on(&#39;click&#39;, function() {
            console.log(1)
            $(".left").append( $(this).clone(true).css(&#39;color&#39;,&#39;blue&#39;) )
        })
    </script>
</body>

</html>

로그인 후 복사

에 대해 수동으로 복사해야 합니다. 더 많은 프로그래밍 관련 지식을 보려면

프로그래밍 코스를 방문하세요! !

위 내용은 jquery에 복제 방법이 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!