Некоторые основные вопросы, касающиеся кода JQuery

Question

Некоторые основные вопросы, касающиеся кода JQuery

0

Я начинаю изучать JQuery и пытаюсь понять некоторые основные вещи. Поблагодарили бы за помощь по трем вопросам:

$(document).ready(function()
{
    var ADbanner = '<img src="http://image.banana.com/is/image/banana/checkout?$checkout%20shopping%20bag%20image$" class="ADscratch_img" />';  

    $(".right-space").after(ADbanner);
});

Когда эта функция будет выполняться?
Какой элемент выбирает эта функция?
Как эта функция управляет этим элементом?

Я знаю, что для первого вопроса функция загрузится, как только загрузится DOM и до загрузки содержимого страницы. Сейчас class="ADscratch_img" не имеет для меня никакого смысла. Я знаю, что функция, возможно, перемещает изображение, но не уверен, что такое $(".right-space").after(ADbanner); означает.

JohnS 25 апр. 2014, в 20:30

Источник

Теги:

class

jquery

function

element

6 ответов

Ещё вопросы

Alvaro Hernandorena · Answer 1 · 2014-04-25T15-59-00.000Z

эта функция будет выполнена на готовом документе (вы можете поместить предупреждение ("что-то"), чтобы увидеть, когда оно будет выполнено.

о том, что выбирает функция,.. ну, у единственного селектора, который у вас есть, есть класс правого пространства

и что такое манипулирование? управляет выбранным вами элементом,

вы добавляете этот тег img в конец элемента.right-space.

Praveen Kumar Purushothaman · Answer 2 · 2014-04-25T15-56-00.000Z

Когда эта функция будет выполняться?

Это выполняется после того, как документ будет готов после получения всех ресурсов. То есть, когда запускается событие DOMContentLoaded.

Какой элемент выбирает эта функция?

Эта функция выбирает все элементы с right-space класса.

Как эта функция управляет этим элементом?

Функция находит элемент с right-space класса и рядом с элементом, он добавляет HTML:

<img src="http://image.banana.com/is/image/banana/checkout?$checkout%20shopping%20bag%20image$" class="ADscratch_img" />

Это означает, что после этого элемента будет добавлено изображение.

DerStrom8 · Answer 3 · 2014-04-25T15-53-00.000Z

Строка $(document).ready(function(){}) сообщает функции выполнить, когда документ (веб-страница) будет завершен.
Внутренний JQuery говорит, чтобы выбрать все элементы, которые имеют класс " .right-space ", а затем
вставляет изображение, записывая HTML (используя теги img) после выбранного элемента (тот, у которого .right-space атрибут класса .right-space).

Lee Taylor · Answer 4 · 2014-04-25T15-52-00.000Z

Это будет выполняться, когда документ DOM готов
Выбранный элемент - это все те, у кого есть класс right-space
После всех элементов с right-space класса добавляется изображение.

Felix · Answer 5 · 2014-04-25T15-33-00.000Z

Когда эта функция будет выполняться?

Поскольку вы помещаете свой код внутри DOM в готовность, он будет выполняться при загрузке страницы

Какой элемент выбирает эта функция?

$(".right-space") будет соответствовать любому элементу вашей страницы с right-space класса

Как эта функция управляет этим элементом?

$(".right-space").after(ADbanner); того, как $(".right-space").after(ADbanner); будет вставлять ADbanner который является изображением после любого элемента с классом right-space. Обратитесь к .after()

Также посетите экскурсию в официальный учебный центр jQuery

Демо-версия скрипта

War10ck · Answer 6 · 2014-04-25T15-18-00.000Z

Когда эта функция будет выполняться?

Эта функция будет выполнена в режиме готовности DOM. То есть, эта функция будет выполняться при запуске события DOMContentLoaded.

Какой элемент выбирает эта функция?

Эта функция выбирает все элементы с классом right-space.

Как эта функция управляет этим элементом?

Эта функция размещает следующий фрагмент HTML:

<img src="http://image.banana.com/is/image/banana/checkout?$checkout%20shopping%20bag%20image$" class="ADscratch_img" />

после каждого из согласованных элементов.