# Что делает метод wrap() в JQuery?

**URL:** <https://forum.itvdn.com/t/chto-delaet-metod-wrap-v-jquery/2511>\
**Category:** JQuery\
**Created:** [02.10.2018 20:28:21 UTC](https://forum.itvdn.com/t/chto-delaet-metod-wrap-v-jquery/2511 "2018-10-02T20:28:21Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![yaroslavselnik](https://forum.itvdn.com/letter_avatar_proxy/v4/letter/y/c4cdca/32.png) [@yaroslavselnik](https://forum.itvdn.com/u/yaroslavselnik)\
**Post date:** [02.10.2018 20:28:21 UTC](https://forum.itvdn.com/t/chto-delaet-metod-wrap-v-jquery/2511/1 "2018-10-02T20:28:21Z")

</div>

Подскажите пожалуйста функционал который предоставляет данный метод, немного не усвоил, был бы благодарен объяснению на примере, скоро экзамен в универе по JQuery, нужно подучить все методы и что они делают)

---

<div class="post-metadata">

**Author:** ![Nikit\_OS69](https://forum.itvdn.com/letter_avatar_proxy/v4/letter/n/eb9ed0/32.png) [@Nikit\_OS69](https://forum.itvdn.com/u/Nikit_OS69)\
**Post date:** [02.10.2018 20:52:52 UTC](https://forum.itvdn.com/t/chto-delaet-metod-wrap-v-jquery/2511/2 "2018-10-02T20:52:52Z")

</div>

Этот метод позволяет поместить определенные элементы в оболочку, то есть если есть какой то блок например, то при использовании на нем метода wrap следует указать во что следует обернуть данный блок, и этот блок будет обернут поверх еще и оболочкой указанной в wrap()

Example:

.big-red-block p{  
 color: black;  
 font-weight: 700;  
 background-color: red;  
 }  
 .big-blue-block p{  
 color: white;  
 font-weight: 700;  
 background-color: blue;  
 }  
   
 .general p{  
 background-color: green;  
 }

Нажми на блоки с текстом что бы увидеть пример:

  
   
 \<p id="p1"\>Этот блок мы обернем в красный блок  
 \<p id="p2"\>А вот этот текст будет находится в синем  
   
 По клику на кнопку блоки обернутся в еще один блок фон которого будет зеленым  
   
 click

$('#p1').click( **function** (){  
 $( **this** ).wrap('

');  
 })  
   
 $('#p2').click( **function** (){  
 $( **this** ).wrap('
');  
 })  
 $('button').click( **function** () {  
 $('#p1').wrap('
')  
 $('#p2').wrap('
')  
 })

---

<div class="post-metadata">

**Author:** ![antonmihailichuk](https://forum.itvdn.com/letter_avatar_proxy/v4/letter/a/e19b73/32.png) [@antonmihailichuk](https://forum.itvdn.com/u/antonmihailichuk)\
**Post date:** [02.10.2018 21:03:03 UTC](https://forum.itvdn.com/t/chto-delaet-metod-wrap-v-jquery/2511/3 "2018-10-02T21:03:03Z")

</div>

Советую курс на itvdn по JQuery, вот [ссылка](https://itvdn.com/ru/video/jquery), там очень детально разобраны все нюансы библиотеки, будет очень полезно!)