Оглавление 1. Основные понятия jQuery 1. Особенности jQuery 2. Получите jQuery 3. Используйте jQuery (1) Введение jQuery (2) написание jQuery (3) Загрузка события в jQuery (4) объект jQuery 2. Использование селекторов 1. Базовый селектор 2. Селектор уровня 3. Выбор фильтра Подвести итог

Предисловие

Что такое jQuery? jQuery — это быстрая и лаконичная библиотека JavaScript. Ее философия дизайна — «пиши меньше, делай больше», пропагандируя использование меньшего количества кода для выполнения большего количества задач. За этот период обучения я почувствовал, что jQuery — это «синтаксический сахар», вроде обертки конфеты, благодаря которому js выглядит лучше.

1. Основные понятия jQuery

1. Особенности jQuery

• jQuery — это легкий скрипт, и его код очень мал.
• Синтаксис краток и прост для понимания, скорость обучения высокая, а документация обширная.
• Поддерживает свойства и селекторы, определенные CSS1~CSS3.
• Кроссбраузерность. Поддерживаемые браузеры включают IE6~IE11, FireFox, Chrome и т. д.
• Реализовано разделение JavaScript-скриптов и HTML-кодов, что облегчает последующее редактирование и обслуживание.
• Плагинов имеется множество, и с помощью плагинов можно расширить дополнительные функции.

2. Получите jQuery

Официальный сайт jQuery: jquery.com (может быть недоступен)

jQueryиз Китайский сайт Станция：jQuery API Китайская документация | jQuery Китайский сайт

URL-адрес загрузки jQuery,Вы можете скачать его здесьjQueryиз Все версии：jQuery CDN

3. Используйте jQuery

(1) Введение jQuery

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

<script src="jquery-3.3.1.min.js"></script>

(2) написание jQuery

Сокращенная форма:

$(function() { // Код, выполняемый после загрузки DOM страницы});

Полная форма:

$(document).ready(function() {

// Код, выполняемый после загрузки DOM страницы

});

(3) Загрузка события в jQuery

(4) объект jQuery

Существует два способа выражения объектов jQuery: вы можете использовать символ $ или использовать jQuery.

// используем "$" $(функция () { }); // используя "jQuery" jQuery(функция () { });

jQueryобъектизстатический метод：создаватьjQueryобъектиз Синтаксис:“(параметр)", синтаксис вызова статического метода: ".имя метода()”。

console.log($("div")); // Создаем объект jQuery для элемента div console.log($.trim(" a ")); // Используйте метод Trim() для удаления пробельных символов на обоих концах строки

Объекты DOM не могут использовать метод jQuery display() для скрытия соответствующих элементов, но они могут использовать display для их скрытия. 

Объекты DOM и объекты jQuery можно конвертировать друг в друга: Метод преобразования объекта jQuery в объект DOM:

Получить объект DOM из объекта jQuery,После извлечения объекта вы можете использовать объект DOM для управления элементами. Есть два способа,Способ первый：("div")[0];   Способ второй:

Метод преобразования объекта DOM в объект jQuery:

Сначала получите объект DOM,var myDiv = document.querySelector('div');

а затем конвертировать,var div = $(myDiv);  

2. Использование селекторов

1. Базовый селектор

Базовый селектор jQuery аналогичен селектору CSS. Селектор классов использует $ для выбора.

Как показано ниже, введите $('.class') в консоли, чтобы выбрать нужный элемент.                                              

2. Селектор уровня

Иерархический селектор jQuery. Иерархический селектор может завершить получение многоуровневых элементов.

3. Выбор фильтра

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

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

Подвести итог

Вышеупомянутое содержание обучения на сегодня, я хотел бы поделиться им с вами.