> 웹 프론트엔드 > JS 튜토리얼 > jquery는 DOM 요소를 작동합니다. (3)

jquery는 DOM 요소를 작동합니다. (3)

黄舟
풀어 주다: 2016-12-16 10:43:55
원래의
1013명이 탐색했습니다.

.detach()
  从DOM 中去掉所匹配的元素。
    .detach([selector])
      selector 一个选择表达式将需要移除的从匹配的元素中过滤出来。
    $("p").detach();

 

.empty()
  从DOM中移除集合中匹配元素的所有子节点。
    .empty() 这个方法不接受任何参数。
  结构:
    


      
Hello

      
Goodbye

    

    $('.hello').empty();

  效果:
    


      

      
Goodbye

    


.remove()
  将匹配元素从DOM 中删除,同时删除元素上的事件。
  .remove([selector])
    selector 一个选择器表达式用来过滤将被移除的匹配元素集合。
  结构:
    


      
Hello

      
Goodbye

    

    $('.hello').remove();

  效果:
    


      
Goodbye

    

.unwrap()
  将匹配元素集合的父级元素删除,保留自身,(和兄弟元素,如果存在)再原来的位置。
  .unwrap()
    这个方法不接受任何参数。
  结构:
    


      
Hello

      
Goodbye

    

    $('.hello').empty();

  效果:
    

Hello

    
Goodbye

.replaceAll()
  用集合的匹配元素替换每个目标元素。
  .replaceAll(target)
    target 一个选择器字符串,对象,DOM元素,或者元素数组,包含哪个元素被替换。
    结构:


          
Hello

          
And

          
Goodbye

      

      $('

New heading

').replaceAll('.inner');
    效果:
      

        

New heading


        

New heading


        

New heading


      


.replaceWith()
  用提供的内容替换集合中所匹配的元素并返回删除元素的集合。
    .replaceWith(newContent)
      newContent 用来插入的内容,可能是HTML字符串,DOM元素,或者对象。
      .replaceWith(function)
        function 一个函数,返回的内容会替换匹配的元素集合。
      结构:


          
Hello

          
And

          
Goodbye

         

        $('div.second').replaceWith('

New heading

');
      效果:

            
Hello새 제목
   $(' div.third').replaceWith($('.first'));
효과:

;

PHP 중국어 홈페이지(www.php.cn)를 주목해주세요!




관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿