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

Ярослав Сельник разместил пост 3 недель назад

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

Отсортировать по: Стандартный | Последний | Голоса
Darth Vader разместил пост 3 недель назад

Этот метод позволяет поместить определенные элементы в оболочку, то есть если есть какой то блок например, то при использовании на нем метода 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>Нажми на блоки с текстом что бы увидеть пример:</p>

<p
id="p1">Этот блок мы обернем в красный блок</p>
<p
id="p2">А вот этот текст будет находится в синем</p>

<p>
По клику на кнопку блоки обернутся в еще один блок фон которого будет зеленым</p>

<button>
click</button>

 

$('#p1').click(function(){
    $(
this).wrap('<div class="big-red-block" />');
})

$(
'#p2').click(function(){
    $(
this).wrap('<div class="big-blue-block" />');
})
$(
'button').click(function () {
    $(
'#p1').wrap('<div class="general" />')
    $(
'#p2').wrap('<div class="general" />')
})

 

 

 

Антон Михайличук разместил пост 3 недель назад

Советую курс на itvdn по JQuery, вот ссылка, там очень детально разобраны все нюансы библиотеки, будет очень полезно!)

Close