jQuery для начинающих. Селекторы Javascript


Оглавление (нажмите, чтобы открыть):

Примеры jQuery для начинающих

Главная → JavaScript → Примеры jQuery для начинающих

jQuery — javascript библиотека, состоящая из кроссбраузерных функций — оплеток для манипулирования элементами DOM (Document Object Model — Объектная модель документа). Главный ее принцип это автоматическое применение нужного механизма, в зависимости от браузера. К примеру, получение элемента html документа по ID, в разных браузерах происходит по разному. До появления jquery, я использовал такую функцию:

Чтобы это же действие совершить в jquery, достаточно сделать так:

Обращение к функции $() равносильно jQuery(), так как первая является алиасом для второй. Если Вы не используете других библиотек, подобных jquery, то можете смело обращаться к пространству имен через $(). В противном случае лучше использовать непосредственное имя объекта — jQuery. Далее, считаем что нет других библиотек.

Начало работы с jQuery

Итак, начинаем работу. Первым делом необходимо получить новейшую версию библиотеки jquery с официального сайта проекта http://jquery.com/ или скачать jquery здесь. В архиве и на официальном сайте лежат две версии: сжатая и девелоперская. На сайте лучше использовать сжатую, а если захочется поэкспериментировать воспользуйтесь второй. Первым делом подключаем библиотеку jquery в тело страницы:

После этого пространство имен javascript, определено таким образом, что обращение к функции $() занято jquery и получить любой элемент документа html в виде объекта, можно выражением $(‘#objID’). Где objID — ID объекта.

jQuery и CSS

В качестве первого примера рассмотрим работу jquery и CSS. Существует два основных способа манипулирования CSS с помощью jquery: изменение одного атрибута или сразу нескольких. Выполняются они через функцию css(). Выглядит в теории это примерно так:

Пример изменения одного атрибута CSS

Пример изменения одного атрибута удался!

Пример изменения нескольких атрибутов CSS

Пример изменения нескольких атрибутов!

Изменение текста и html

Для изменения текста или html кода существуют функции text() и html().

Причем, если попытаетесь с помощью функции text() вставить html код, то получите его в исходном виде. Функция text() все экранирует.

Пример использования text()

Пример использования html()

Управление атрибутами с помощью jQuery

Функция attr() манипулирует любыми атрибутами элемента. С ее помощью можно добавить или изменить title, href, value, src и так далее.

Как получить селектор в jQuery

Библиотека jQuery, сильно упрощает веб-разработчику жизнь, предоставляя простой и кроссбраузерный инструмент для манипуляций с содержимым веб-сайтов. Однако, чтобы суметь воспользоваться этим кладом, необходимо приложить минимум усилий и изучить простейшие функции и методы в jQuery.

jQuery предоставляет функции, которые вы можете использовать для написания каких-нибудь приложений. По сути, это надстройка над JavaScript, повторяющая его функции, но более простым и коротким кодом.

В разделе api.jquery.com, можно ознакомиться с описанием всех функций. На этом уроке, мы подробнее остановимся на наиболее простых и часто используемых функциях jQuery. Вы сразу заметите, насколько сильно сократится количество строчек кода, по сравнению с JavaScript.

Запись любой функции или переменной в jQuery начинается со знака $.

У нас есть параграф. Как мы к нему обратились бы через JavaScript?

Мы написали бы так:

var paragraph = document.getElementsByTagName(«p»);

Теперь посмотрите, как просто получить параграф в jQuery, в кавычках мы просто указываем нужный тег:

Метод ready()

Хорошей практикой – является написание кода, внутри метода ready, так мы перестраховываемся от ситуации, когда страница ещё целиком не загрузилась, а jQuery код, уже начал выполняться и возникла ошибка.

$(document).ready(function () <
alert(‘Все элементы страницы загружены, можно начинать!’);
>);

Метод css();

Назначает селекторам/тегам какие-то CSS свойства.

Селектор *

Всем элементам $(«*») на странице зададим курсивное начертание текста, где css(«имя CSS-свойства»,»значение»).

HTML –код

Результат

По имени селектора

Для всех параграфов на странице СSS свойству color установлено значения cyan.

Результат

Несколько селекторов

Содержимое тегов «p» и «ul» на странице, изменило цвет на коричневый.

Результат

Вложенные селекторы

Выбрать все параграфы, вложенные в тег «div».

HTML-код

Вложенный параграф в тег div

Результат

Селектор по имени класса

Выбор всех элементов «p» с именем класса «green».


$(document).ready(function () <
$(«p.green»).css(«color», «green»);
>);

Параграф с классом.

Селектор по идентификатору

Выбор всех элементов «p» с идентификатором «green».

$(document).ready(function () <
$(«p#green»).css(«color», «green»);
>);

Параграф с классом.

Селектор по атрибуту

Выбор всех элементов «a», с атрибутом «target», имеющим любое значение.

$(document).ready(function () <
$(«a[target]»).css(«color», «blue»);
>);

Как видите, к счастью библиотека JQuery, проста в понимании, но без должной практики, только теория, быстро выветрится. Советую вам для практического закрепления, пройти мой видеокурс.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

Она выглядит вот так:

  • BB-код ссылки для форумов (например, можете поставить её в подписи):
  • Комментарии ( 0 ):

    Для добавления комментариев надо войти в систему.
    Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.

    Copyright © 2010-2020 Русаков Михаил Юрьевич. Все права защищены.

    Мастер Йода рекомендует:  Как установить Google Analytics на WordPress - руководство для начинающих

    Селекторы в jQuery. Часть II

    Как мы узнали ранее, jQuery – это библиотека JavaScript, которая фокусируется на взаимодействии JavaScript, HTML, CSS и служит для облегчения работы разработчика. На данный момент она является самой распространенной библиотекой JS в мире.

    В природе существуют и другие JS-библиотеки, фреймворки и инструменты, например, React, AngularJS, Backbone.js, Ember.js и т.д. Но в свое время именно jQuery произвела революцию в программировании клиентской части веб-приложений, введя селекторы CSS для доступа к узлам DOM-дерева, обработчики событий, анимации и AJAX-запросы.

    JavaScript является фундаментальным языком и для того, чтобы создать всплывающее окно или выпадающий список, разработчику потребуется написать большое количество строк кода. В jQuery это уже все реализовано, достаточно всего лишь использовать готовую функцию.

    Библиотека jQuery на сайте по умолчанию отсутствует. Для ее подключения необходимо скачать актуальную версию с официального сайта jquery.com/download, загрузить ее на сервер, а затем подключить с помощью фрагмента кода:

    Подключение библиотеки jQuery через путь к файлу (версия 3.3.1)

    Существует альтернативный способ подключить jQuery на страницы вашего сайта (не закачивая библиотеку на сервер). Можно подключить библиотеку, которая находится не на вашем сервере, а на серверах CDN. Существуют несколько таких хранилищ, наиболее известные и надежные из них Google CDN, Microsoft CDN, а также CDN, который организовали создатели jQuery.

    Подключение библиотеки jQuery через CDN

    Можно подключить jQuery и через GTM. Для этого необходимо создать пользовательский HTML-тег и добавить туда фрагмент кода выше, а в качестве триггера активации выбрать «All Pages» (Все страницы).

    Селекторы в jQuery базируются на CSS селекторах (см. выше), они также используются для определения элемента или группы элементов.

    Все селекторы в jQuery начинаются со знака доллара и круглых скобок $ (), например, $(‘div’). В этом случае будет осуществлен поиск всех элементов div на странице, $(‘.className’) найдет все элементы с классом className, $(‘#sidebar’) найдет все элементы на странице с идентификатором sidebar и т.д.

    Примечание: при использовании метасимволов (#;&,.+*

    ’:»!^$[]()=>|/) в значении любого идентификатора, класса или названия атрибута, необходимо экранировать эти символы в селекторах с помощью двух обратных слэшей \\

    Экранирование специальных символов с помощью \\

    В процессе работы с Google Tag Manager jQuery позволяет удобнее решать множество задач. Задачи можно разделить на два типа:

    1. взять элемент, который у нас находится на сайте, например, значение цены, название продукта, категорию продукта и т.д.;
    2. отследить факт того, что у нас произошел клик по какому-либо элементу, зафиксировано событие или пользователь заполнил и отправил форму на сайте.

    При настройке некоторых событий в GTM иногда возникают ситуации, когда необходимо получить дополнительную информацию, связанную с элементом, над которым произошло событие. Но эту информацию так просто нельзя получить через CSS-селекторы, поскольку она может находится в структуре других элементов, которые логически связаны с рассматриваемым элементом. В это случае можно воспользоваться функциями библиотеки jQuery.

    Давайте разберем на нескольких примерах работу библиотеки jQuery с набором элементов. Для этого я перейду на свой сайт osipenkov.ru и вызову консоль разработчика, а затем перейду на вкладку Console.

    С помощью $(«div«).cssborder«, «1px solid red«); выберем все элементы div на странице и обведем их в красную рамку в 1 пиксель.

    Все div на странице обведены в красную рамку шириной в 1 пиксель

    Примечание: мой блог работает на WordPress. В нем стандартный способ обращения к элементам через $ () отключен (в конце файла …/wp-includes/js/jquery/jquery.js прописана строчка jQuery.noConflict();, которая отключает работу с элементами страницы через $.), так как другие библиотеки также могут использовать данный механизм обращения к элементам. Поэтому вместо знака доллара я использовал альтернативную конструкцию jQuery (). Для изменения способа обращения на привычный $ необходимо изменить фрагмент кода. Решение проблемы ищите в интернете с пометкой «jQuery не работает в WordPress».

    Теперь давайте поработаем с формами. Перейдем на страницу Контакты https://osipenkov.ru/contacts/ где есть форма обратной связи. Добавим в консоль такую строчку:

    $(«form input»).css(«border», «1px solid blue»);

    Данная конструкция добавит рамку всем input-ам, которые являются потомками элемента form. Это пример так называемого «parent child», когда выбираются все элементы input, являющиеся узлами-потомками для родительского элемента form.

    Все div на странице обведены в красную рамку шириной в 1 пиксель

    В качестве еще одного простого примера разберем вывод значения заполненного поля «Имя» с name=”yourname.

    Поле «Имя» с name=”your-name”


    В консоли разработчика вводим такую конструкцию:

    $(‘[name=»your-name»]’).val()

    Метод .val() позволяет получать и изменять значения элементов форм. Для элементов input это значение атрибута “name”, то есть в нашем случае “your-name”. Получим результат Yakov Osipenkov.

    Список функций jQuery перемещения по дереву DOM

    Функции фильтрации набора элементов:

    Функции фильтрации набора элементов

    Также, как и с CSS-селекторами, рекомендую перейти на сайт w3schools.com и изучить два материала для лучшего понимания темы селекторов jQuery:

    Демонстрация селекторов jQuery: w3schools.com/jQuery/trysel.asp

    На сайте jquery-docs.ru есть перевод официальной документации API jQuery на русский язык.

    После того, как вы познакомитесь с CSS-селекторами и уделите им достачное количество времени на изучение, вы сможете выбрать любой элемент для отслеживания в Google Tag Manager на вашем сайте, даже если у него нет никаких отличительных знаков, а также по достоинству оцените всю мощь и функциональность диспетчера тегов Google.

    Данная статья написана с использованием следующих ресурсов – habr.com, puzzleweb.ru, jquery.page2page.ru, odesseo.com.ua, jquery-docs.ru, learn.javascript.ru, htmlbook.ru и developer.mozilla.org.

    Читайте первую часть материала «CSS-селекторы в GTM. Часть I»

    Понравилась статья? Подписывайтесь на социальные сети:

    Я также оказываю помощь в настройке контекстной рекламы и веб-аналитики. Подробнее здесь.

    jQuery — Селекторы элементов формы

    На этом уроке мы познакомимся с селекторами элементов формы, которые будем использовать в качестве аргумента функции jQuery(«селектор») для выбора элементов.

    Назначение селекторов элементов формы

    Селекторы элементов формы предназначены для выбора элементов в зависимости от:

    • их типа (значения атрибута type ) — :button , :checkbox , :file , :image , :password , :radio , :reset , :submit , :text .
    • того, является ли их тег input , textarea , select или button — :input .
    • того, находится ли элемент в фокусе или нет — :focus .
    • того, находятся ли элементы в активном состоянии ( :enabled ) или не активном ( :disabled ).
    • того, находятся ли элементы option в состоянии selected или нет — :selected .
    • того, находятся ли элементы checkbox , select и radio в состоянии selected или нет — :checked .

    Селекторы элементов формы

    :button — выбирает все элементы button и элементы с type=»button» . Селектор $(«:button») эквивалентен $(«button, input[type=’button’]») .

    Например, выбрать все элементы button или элементы с type=»button» , которые расположены внутри формы:

    Мастер Йода рекомендует:  JavaScript slice и другие методы для работы с подстроками Javascript

    :checkbox — выбирает все элементы с type=»checkbox» . Селектор $(«:checkbox») эквивалентен $(«[type=checkbox]») .

    Перед селектором :checkbox как и перед селекторами псевдоклассов (т.е. теми которые начинаются со знака » : «) рекомендуется указывать тег или другой селектор (например, имя класса). Если перед знаком » : » ничего не указывать, то подразумевается использование универсального селектора ( * ). Другими словами, $(«:checkbox») эквивалент $(«*:checkbox») . Но более правильно в этом случае вместо * использовать тег input : $(«input:checkbox») .

    Например, выбрать все элементы input , которые имеют атрибут type=»checkbox» , т.е. являются флаговыми кнопками:

    :checked — выбирает все элементы с состоянием checked или selected . Селектор :checked предназначен для элементов checkbox , select и кнопок radio .

    :disabled — выбирает все элементы, которые отключены (disabled).

    Перед селектором :disabled как и перед селекторами псевдоклассов (т.е. теми которые начинаются с » : «) рекомендуется указывать тег или другой селектор (например, имя класса). Если Вы перед знаком » : » ничего не указываете, то подразумевается использование универсального селектора (» * «). Другими словами, $(«:disabled») эквивалентен $(«*:disabled») . Но в этом случае более правильно вместо » * » использовать тега input : $(«input:disabled») .

    Селектор :disabled отличается от селектора атрибута [disabled] . Селектор :disabled проверяет логическое значение (истина/ложь) свойства disabled элемента, в то время как селектор атрибута [disabled] просто проверяет наличие атрибута disabled у элемента.

    Селектор :disabled можно использовать только для выбора HTML-элементов, которые поддерживают атрибут disabled : , , , ,

    :submit — выбирает все элементы с type=»submit» . Селектор :submit предназначен для элементов button или input .

    :text — выбирает все элементы с type=»text» .

    jQuery функция $(«:text») позволяет нам выбрать элементы . Перед селектором :text как и перед селекторами псевдоклассов (т.е. теми которые начинаются с » : «) рекомендуется указывать тег или другой селектор (например, имя класса). Если Вы перед знаком » : » ничего не указываете, то подразумевается использование универсального селектора (» * «). Другими словами, $(«:text») эквивалентен $(«*:text») . Но более правильно этом случае вместо » * » использовать тег input : $(«input:text») .

    Начиная с версии jQuery 1.5.2, селектор :input также выбирает элементы input , у которых не указан атрибут type (в этом случае подразумевается, что элемент имеет type=»text» ).

    Разницу между $(«:text») и $(«[type=text]» ) продемонстрируем на следующем примере:

    JQ селекторы через data

    Я хочу сделать выборку

    Когда name равно слову «Круг» — JS находит его, а если в фразе будет пробел например «тестовый напиток», то JS дает ошибку:

    jquery.js:1468 Uncaught Error: Syntax error, unrecognized expression: [data- >

    Подскажите, что делать в этом случае?

    2 ответа 2

    Начал тестить Вот этот код работает, он находит див, и с пробелами и без

    Используйте .data() для получения значения дата-класса

    Всё ещё ищете ответ? Посмотрите другие вопросы с метками javascript jquery или задайте свой вопрос.

    Похожие

    Подписаться на ленту

    Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.

    дизайн сайта / логотип © 2020 Stack Exchange Inc; пользовательское содержимое попадает под действие лицензии cc by-sa 4.0 с указанием ссылки на источник. rev 2020.11.7.35374

    Команды jQuery

    Код jQuery как и код JavaScript состоит из последовательно идущих команд. Команды являются основной структурной единицей jQuery.

    Стандартный синтаксис jQuery команд:


    1. Знак $ сообщает, что символы идущие после него являются jQuery кодом;
    2. Селектор позволяет выбрать элемент на странице;
    3. Метод задает действие, которое необходимо совершить над выбранным элементом. Методы в jQuery разделяются на следующие группы:
      • Методы для манипулирования DOM;
      • Методы для оформления элементов;
      • Методы для создания AJAX запросов;
      • Методы для создания эффектов;
      • Методы для привязки обработчиков событий.

    Символ $

    jQuery можно комбинировать с обычным JavaScript.

    Если строка начинается с $ — это jQuery, если $ вначале строки отсутствует — это строка JavaScript кода.

    Некоторые JavaScript библиотеки тоже используют $ для обозначения своего кода. Для того, чтобы избежать конфликта имен между ними в jQuery предусмотрена команда noConflict(). С помощью команды noConflict() Вы можете заменить знак $ на любой другой.

    Селекторы jQuery

    С помощью селекторов Вы можете выбирать элементы на странице для применения к ним определенных действий.

    Ниже располагается таблица с различными примерами использования селекторов для выбора желаемых элементов:

    Пример Результат
    $(«p») Будут выбраны все элементы p, которые находятся на странице.
    $(«.par») Будут выбраны все элементы на странице с .
    $(«#par») Будет выбран первый элемент на странице с .
    $(this) Позволяет выбрать текущий HTML элемент. Щелкните на $(this) слева, чтобы посмотреть пример использования данного селектора в онлайн редакторе.
    $(«p.par») Будут выбраны все элементы p на странице с .
    $(«p#par») Будут выбраны все элементы p на странице с .
    $(«.par,.header,#heat») Будут выбраны все элементы на странице со значениями атрибутов и .
    $(«[src]») Будут выбраны все элементы на странице, имеющие атрибут src.
    $(«[src=’значение’]») Будут выбраны все элементы со значениям атрибута src=»http://www.wisdomweb.ru/JQ/%D0%B7%D0%BD%D0%B0%D1%87%D0%B5%D0%BD%D0%B8%D0%B5″.
    $(«[src$=’.gif’]») Будут выбраны все элементы со значениями атрибута src заканчивающимися на .gif.
    $(«div#wrap .par1») Будут выбраны все элементы с >
    $(«:input») Будут выбраны все input элементы на странице.
    $(«:тип») Будут выбраны все input элементы с . Например :button выберет все элементы, :text выберет все элементы и т.д.

    Полный список селекторов jQuery Вы можете найти в нашем jQuery справочнике.

    Предотвращение преждевременного выполнения кода

    Из учебника по JavaScript Вы наверно помните, что выполнение кода до полной загрузки документа часто приводит к ошибкам.

    Дело в том, что скрипт может обратится к еще не загруженному содержимому, а это всегда приводит к ошибкам или неожиданным результатам.

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

    Предотвращение преждевременного выполнения кода в JavaScript:

    В jQuery можно избавиться от преждевременного выполнения кода следующими способами:

    Предотвращение преждевременного выполнения кода в jQuery:

    Существует еще один альтернативный способ также помогающий избежать преждевременное выполнение JavaScript и jQuery кода и позволяющий также ускорить загрузку страниц (благодарим за напоминание о нем пользователя Ghringo Americano).

    Необходимо помещать код в самый конец тела документа (т.е. перед

    jQuery Selectors

    Селекторы jQuery являются одной из наиболее важных частей библиотеки jQuery.

    Селекторы jQuery

    Селекторы jQuery позволяют выбирать и манипулировать элементами HTML.

    Селекторы jQuery используются для «поиска» (или выбора) элементов HTML на основе их имени, идентификатора, классов, типов, атрибутов, значений атрибутов и многое другое. Он основан на существующих селекторов CSS, и Кроме того, он имеет некоторые собственные пользовательские селекторы.

    Все селекторы в jQuery начинаются со знака доллара и круглых скобок: $ ().

    Селектор элементов

    Селектор элементов jQuery выбирает элементы на основе имени элемента.

    Вы можете выбрать все элементы на странице так:

    Когда пользователь щелкает по кнопке, все элементы

    Пример

    Селектор #id

    Селектор jQuery #id использует атрибут ID HTML-тега для поиска конкретного элемента.

    Идентификатор должен быть уникальным в пределах страницы, поэтому следует использовать селектор #id, если требуется найти один уникальный элемент.

    Чтобы найти элемент с определенным идентификатором, напишите хэш-символ, за которым следует идентификатор HTML-элемента:

    Когда пользователь щелкает по кнопке, элемент с идентификатором = «Test» будет скрыт:

    Пример

    Селектор .class

    Селектор класса jQuery находит элементы с определенным классом.

    Чтобы найти элементы с определенным классом, напишите символ периода, за которым следует имя класса:

    Когда пользователь нажимает на кнопку, элементы с классом = «Test» будут скрыты:

    Пример

    Другие примеры селекторов jQuery

    Синтаксис Описание
    $(«*») Выбор всех элементов
    $(this) Выбор текущего элемента HTML
    $(«p.intro») Выбор всех

    элементов с классом = «Intro» $(«p:first») Выбор первого элемента

    $(«ul li:first») Выбор первого элемента
  • первого $(«ul li:first-child») Выбор первого элемента
  • каждого $(«[href]») Выбор всех элементов с атрибутом href $(«a[target=’_blank’]») Выбор всех элементов с целевым значением атрибута, равным «_blank» $(«a[target!=’_blank’]») Выбор всех элементов с целевым значением атрибута, не равным «_blank» $(«:button») Выбор всех элементов и элементов type=»button» $(«tr:even») Выбор всех элементов, даже $(«tr:odd») Выбор всех нечетных элементов


    Для полной ссылки на все селекторы jQuery, пожалуйста, перейдите к нашей jQuery селекторов ссылки.

    Функции в отдельном файле

    Если ваш веб-сайт содержит много страниц, и вы хотите, чтобы ваши функции jQuery были просты в обслуживании, вы можете поместить свои функции jQuery в отдельный файл .js.

    Когда мы демонстрируем jQuery в этом учебнике, функции добавляются непосредственно в раздел . Однако иногда предпочтительнее размещать их в отдельном файле, как это (используйте атрибут src для ссылки на файл .js):

    Шпаргалка по переходу от jQuery к vanilla JavaScript

    Дата публикации: 2020-08-26

    От автора: jQuery по-прежнему является полезной и прагматичной библиотекой, но есть все больше шансов на то, что вы не будете зависеть от нее для выполнения основных задач, таких как выбор элементов, их стилизация, анимация и выборка данных — вещи, которые были хороши в jQuery. Благодаря широкой поддержке браузерами ES6 (более 96% на момент написания статьи) сейчас, вероятно, самое время отойти от jQuery.

    Недавно я удалил jQuery из своего блога и обнаружил, что снова и снова пытаюсь найти некоторые шаблоны. Чтобы сэкономить время, я собрал это практическое справочное руководство с некоторыми из наиболее распространенных шаблонов jQuery и их эквивалентами в JavaScript. Мы рассмотрим, как перейти к обычному JavaScript для этих концепций и функций.

    Выбор элементов

    Выбор одного или нескольких элементов DOM для чего-либо является одной из основных задач jQuery. Эквивалентом $() или jQuery() в JavaScript является querySelector() или querySelectorAll(), который, как и в jQuery, можно вызвать с помощью селектора CSS.

    Загрузка функции через время (JS — jQuery) (без селектора)

    Рекомендованные сообщения

    Создайте аккаунт или войдите в него для комментирования

    Вы должны быть пользователем, чтобы оставить комментарий

    Создать аккаунт

    Зарегистрируйтесь для получения аккаунта. Это просто!

    Войти

    Уже зарегистрированы? Войдите здесь.

    Похожие публикации

    Статистика пользователей

    Сейчас на странице 0 пользователей

    Нет пользователей, просматривающих эту страницу.

    Спрашивают сейчас

    Автор: Super_Saimon
    Создана 57 минут назад

    Автор: envoleon
    Создана 2 часа назад

    Автор: d0ublezer0
    Создана Вчера в 12:17

    Пишут сейчас

    Добрый день! Есть задание — игра в города. Нужно из бд взять перечень городов и в момент ответа компьютера или игрока сравнивать города из списка, взятого из базы. Все, вроде, понятно, но столкнулся с проблемой, что некорректно удаляются города из массива, в котором хранится список городов из базы. Я использую этот массив чтобы знать когда игра закончилась и не повторялись города в ответах. Собственно, сам код без файла с подключением в бд. Там проблем я не обнаружил, массив городов функция возвращает корректный. Но удаление уже выбранных городов — проблема, которую никак не могу решить, вернее, понять в чем суть самой проблемы. Извиняюсь что выкладываю код в таком виде, не нашел аналога jsfiddle для php

    Всем привет. Примерно год назад, я пытался устроиться в одну компанию( не помню название). В общем там дали 3 тестовых задания для рассмотрения знаний. Первый был связан с html и css. Остальные два с javascript и mysql. На все про все давалось пол дня. По первому впечатлению первый оказался самым легким, но не тут то было (из-за чего я и провалил тест), о нем и пойдет речь в этой теме, так как с остальными я управился за час.

    После провала, я решил не сдаваться и попробовать добить это первое задание. Бился на нем днями. Так его и не решил. Так его и не решили мои знакомые друзья (которые имеют хороший опыт в верстке). Я не знаю в чем подвох, может вы мне подскажите? Вот само задание Может кто из вас сможет его решить, потому что я уже перепробовал очееень много разных способов? Может даже создатель этого задания сидит тут. В заранее, прежде чем думать, что вы решили его за 5 минут с лета, внимательно прочитайте все условия (Тут не все так просто и вправду нужно подумать) Никакие советы не принимаются. только готовое решение, которое вы сами уже протестировали. Буду проверять, укажу на ошибки, если будут. Время для выполнения не ограничено, это чисто на интерес каждого, проверить свои способности.

    JQuery селекторы

    Данный оператор выберет элемент с и добавит ему css-стиль, в данном случае рамку, шириной в 1 пиксел, сплошную и красную. (О способах задания css-стилей будет говориться в отдельном уроке).

    .class — выбирает все элементы с переданным классом.
    Пример:

    Данный оператор выберет все элементы с и добавит им css-стиль, в данном случае рамку, шириной в 1 пиксел, сплошную и красную.

    elements — выбирает все элементы с выбранным именем.
    Пример:

    Данный оператор выберет все div-ы и обведет их в рамки.

    * — выбирает все элементы, включая head и body.
    Пример:

    Данный оператор добавит рамку ко всем элементам в тегах body.

    selector1, . selectorN — выбирает все элементы, переданные в селекторах.
    Пример:

    Селекторы jQuery

    Текст первого абзаца

    Текст второго абзаца

    Текст третьего абзаца

    Сделать первый div красным

    Обвести средний абзац синей рамкой

    Сделать шрифт в первом и третьем div-ах жирным

    Селекторы jQuery

    Текст первого абзаца

    Текст второго абзаца

    Текст третьего абзаца

    Сделать первый div красным

    Обвести средний абзац синей рамкой

    Сделать шрифт в первом и третьем div-ах жирным

  • Добавить комментарий