На нашем сайте мы используем cookie для сбора информации технического характера и обрабатываем IP-адрес вашего местоположения. Продолжая использовать этот сайт, вы даете согласие на использование файлов cookies. Здесь вы можете узнать, как мы пользуемся файлами cookies.
Я согласен
логотип upread.ru

jQuery - это просто!


Когда-то давно я отчаянно не хотел начинать пользоваться jQuery. Нет-нет, я не ретроград и не консерватор, мне нравится изучать новое, новые языки и технологии, но вот именно jQuery мне казался таким непонятным. Таким загадочным и пугающим, что хотелось обойти его стороной. Я писал на чистом js, что-то придумывал, делал «грязные» и не очень хаки, но упорно обходил стороной jQuery. И зря. Поверьте, на самом деле jQuery – это просто!

Чтобы убедиться в этом, мы разберем вполне конкретную задачу, которая стола передо мной в одном проекте. Решим её с помощью jQuery. Но сначала начнем с определений? Что это вообще такое? Это просто библиотека JavaScript с множеством полезных (и не очень) функций. Задействуя их, можно легко манипулировать структурой документа, а также взаимодействовать с другими (посредством ajax). Вот и все. Подключаем библиотеку, вызываем функцию, наслаждаемся результатом.

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

На веб страничке есть список из нескольких элементов. Необходимо удалить или скрыть второй из них.
Звучит просто, да? Вот как бы вы стали решать эту задачу на чистом JavaScript? Вы скажете элементарно:

document.getElementById('id_элемента').style.display="none";
Но что, если у элемента нет id и никак нельзя ему присвоить это id? Ну вот нельзя и все. У элемента даже класса нет (правда, у всего списка – родителя – есть). Исхитрившсь, конечно, решение можно найти и прибегнув к «чистому» JavaScript, но зачем такие жертвы, если есть jQuery, в котором эта задача решается одной строкой:

$('.spisok li:eq(1)').remove();
Если вы хоть немного знакомы с программированием, то без труда разберете эту строку, затруднение вызовет только eq(1) – это просто выборка элемента с индексом 1 (мы же знаем, что нумерация идет с нуля, если что?). Что здесь происходит: в объекте класса spisok берем элемент li под номером 2 и удаляем его. То есть синтаксис прост: $(селектор).метод();.

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



Автор этого материала - я - Пахолков Юрий. Я оказываю услуги по написанию программ на языках Java, C++, C# (а также консультирую по ним) и созданию сайтов. Работаю с сайтами на CMS OpenCart, WordPress, ModX и самописными. Кроме этого, работаю напрямую с JavaScript, PHP, CSS, HTML - то есть могу доработать ваш сайт или помочь с веб-программированием. Пишите сюда.



тегизаметки, jQuery, javascript, личное





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




Как изменить разрешения на файл с помощью C#
Что лучше: Java, C++ или Python?


© upread.ru 2013-2020
При перепечатке активная ссылка на сайт обязательна.
Задать вопрос
письмо
Здравствуйте! Вы можете задать мне любой вопрос. Если не получается отправить сообщение через эту форму, то пишите на почу up777up@yandex.ru
Отправляя сообщение я подтверждаю, что ознакомлен и согласен с политикой конфиденциальности данного сайта.