jQuery
jQuery

jQuery

Обзор

js библиотека: библиотека, инкапсулированные функции. В нем есть много готовых методов.

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

Изучение jQuery — это обучение вызову инкапсулированных в него функций.,Он оптимизирует манипулирование DOM, обработку событий, дизайн анимации и взаимодействие Ajax. В основном совместим с основными браузерами. Цепное программирование, неявная итерация, поддержка разработки расширений плагинов,легкий、бесплатно、Открытый исходный код.

Его цель: писать меньше и делать больше.

Скачать адрес:https://jquery.com/

Рекомендуется скачать версию 3.X.

Щелкните правой кнопкой мыши сразу после нажатияСохранить страницу как…Вот и все,Наконец, добавьте скачанный файл в проект середина.

Базовое использование jQuery

Функция входа

Язык кода:javascript
копировать
<body>
    <script>
        // $('div').hide();
        // 1. После загрузки DOM страницы выполните js-код.
        // $(document).ready(function() {
        //     $('div').hide();
        // })
        // 2. После загрузки DOM страницы выполните js-код.
        $(function() {
            $('div').hide();
        })
    </script>
    <div>114514</div>
</body>
Язык кода:javascript
копировать
$(function() {
     ......//Вход после завершения загрузки DOM (рекомендуется)
})
Язык кода:javascript
копировать
$(document).ready(function() {
    ......//Вход, где завершена загрузка DOM
})

jQueryсверхуобъект:$

`это jQuery Псевдоним,В коде середина` и jQuery и цене ожидания,Это все для удобства$

`это Объект верхнего уровня jQuery эквивалентен окну Роднойjsсередина. Элемент упаковывается в объект jQuery через ` и вызывает свойства jQuery. и методы.

Язык кода:javascript
копировать
<script>
    // 1. $ Является псевдонимом для jQuery (псевдоним)
    // $(function() {
    //     alert(11)
    // });
    //jQuery и $ взаимозаменяемы. Для удобства обычно это $.
    jQuery(function() {
        // alert(11)
        // $('div').hide();hide — метод, инкапсулированный jQuery;
        jQuery('div').hide();
    });
</script>

Объекты jQuery и объекты DOM

Объект, полученный с использованием собственного js, является объектом DOM, а объект, полученный с помощью метода jQuery, — объектом jQuery.

jQuery инкапсулирует собственные методы DOM. Объекты jQuery могут использовать только методы jQuery, тогда как объекты DOM используют собственные свойства и методы JavaScript.

Язык кода:javascript
копировать
<script>
    //DOM-объект, полученный с помощью Роднойjs
    var div = document.querySelector('div');
    console.dir(div);
    // $('div') — это jQuery объект
    $('div'); 
    console.dir($('div'));
</script>

Вывод консоли:

jQuery Объекты можно использовать только jQuery Свойства и методы. Например: Подключите приведенный выше код:div.style.display='none';//да РоднойjsМетод, ДОМобъект можно назвать Но: $('div').style.display='none';//Этот код неправильный, jQuery Объекты можно использовать толькоjQuery Метод инкапсуляции. Итак, jQuery Он просто инкапсулирует общие свойства и методы js. DOM использует собственные методы и свойства js, jQuery. Использование jQuery Свойства и методы.

Преобразование объектов jQuery и объектов DOM друг в друга.

Преобразование jQuery в DOM (два метода, индекс — это номер индекса):

  1. $(‘div’)[index]
  2. $(‘div’).get(index)
Язык кода:javascript
копировать
<script>
    var div = document.querySelector('div');
    $('div')[0].hide()
    $('div').get(0).hide()
</script>

DOMпреобразован вjQuery

Язык кода:javascript
копировать
//Получаем элемент напрямую
$('дел');

Общий API jQuery

селектор jQuery

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

В нативном JS существует множество способов получения элементов, которые очень сложны и имеют противоречивую совместимость. Поэтому jQuery инкапсулировал их для нас, чтобы сделать получение элементов унифицированным и стандартным.

Язык кода:javascript
копировать
$("селектор") //Записываем селектор прямо внутри CSS Просто используйте селектор, но вам нужно добавить кавычки

Метод получения такой же, как и в родном js:

  1. Иерархический селектор jQuery

Как установить стили с помощью jQuery:

Язык кода:javascript
копировать
$('div').css('свойство', 'ценить')

for instance:(Set the color for all the LI under UL)

Язык кода:javascript
копировать
$("ul li").css("color", "red");

Неявная итерация: процесс обхода внутренних элементов DOM (хранящихся в форме псевдомассива).

Например: установите для многих LI в UL красные шрифты.

Непосредственно $("ul li").css("color", "red");//Неявная итерация автоматически проходит каждый LI.

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

for instance:(Get the first LI under UL)

Язык кода:javascript
копировать
$("ul li:first").css("color", "red");

метод фильтра jQuery

Ключевые моменты, которые следует запомнить:

родитель()//Найди своего биологического отца

Children()//Найти биологического сына

find()//Найти потомков

siblings()//Найти братьев

eq()


Манипулирование стилями jQuery

  1. Управление методами CSS

jQuery может использовать методы CSS для изменения простых стилей элементов.

  • Если в качестве параметра записано только имя атрибута, будет возвращено значение атрибута.
Язык кода:javascript
копировать
 >$(this).css(''color''); 

  • параметрдаИмя атрибута, значение атрибута, разделенные запятой.,это установить набор стилей,Атрибуты должны быть заключены в кавычки,Если значение является числом, за ним не обязательно должны следовать единицы измерения и кавычки.
Язык кода:javascript
копировать
 >$(this).css(''color'', ''red''); 

  • Параметры могут быть в форме объектов, что упрощает настройку нескольких наборов стилей. Имя атрибута и значение атрибута разделяются двоеточиями, атрибуты не нужно заключать в кавычки (при написании объектов их не нужно заключать в кавычки).
Язык кода:javascript
копировать
>$(this).css({
   "width": "400px",
   height: 400,
   "color":"white",
   "font-size":"20px"
>});
  1. Установить метод стиля класса

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

  • Добавить курс
Язык кода:javascript
копировать
 $(“div”).addClass(''example''); 

  • Удалить курс
Язык кода:javascript
копировать
 $(“div”).removeClass(''example''); 

  • класс переключения
Язык кода:javascript
копировать
 $(“div”).toggleClass(''example'');

==Внимание: разница между операцией класса и именем класса== В собственном JS className перезапишет исходное имя класса в элементе. Операции с классами в jQuery работают только с указанным классом и не влияют на исходное имя класса.


эффекты jQuery

Доступно наAPIдокументсередина Запросить конкретное использование:https://jquery.cuishifeng.cn/

jQuery инкапсулирует множество эффектов анимации, например:

1.Показать скрытый эффект
Язык кода:javascript
копировать
1.Дисплей
// (1) скорость: строка («медленная», «нормальная», or «быстро») или значение в миллисекундах, указывающее продолжительность анимации (например, 1000).
//(2)easing:(Optional)Используется для указания эффекта переключения. По умолчанию установлено значение «качание», а доступным параметром является «линейный».
//(3)fn:Функция обратного вызова — функция, которая выполняется после завершения анимации один раз для каждого элемента.
show([speed,[easing],[fn]]);//середина скобки указывают на то, что этот параметр можно опустить и отображать напрямую без анимации
Язык кода:javascript
копировать
2.Скрыть
// (1) скорость: строка («медленная», «нормальная», or «быстро») или значение в миллисекундах, указывающее продолжительность анимации (например, 1000).
//(2)easing:(Optional) Используется для указания эффекта переключения. По умолчанию установлено значение «качание», а доступным параметром является «линейный».
//(3)fn: функция обратного вызова, функция, выполняемая после завершения анимации, выполняется один раз для каждого элемента
hide([speed,[easing],[fn]]);//середина скобки указывают на то, что этот параметр можно опустить и отображать напрямую без анимации
Язык кода:javascript
копировать
3. Переключить отображение и скрыть
toggle([скорость,[ослабление],[fn]];
2. Эффект скольжения

Смысл параметров тот же, что и для отображения и скрытия параметров.

Язык кода:javascript
копировать
1. снижение
слайдDown([скорость,[ослабление],[fn]];
Язык кода:javascript
копировать
2. Каминаме
слайдUp([скорость,[ослабление],[fn]];
Язык кода:javascript
копировать
3. Слайд для переключения
слайдToggle([скорость,[ослабление],[fn]];

==переключение событий==

Язык кода:javascript
копировать
//(1)over: функция, которая будет запускаться при перемещении мыши к элементу (эквивалент mouseenter)
//(2) out: функция, которая будет запущена, когда мышь выходит за пределы элемента (эквивалент mouseleave)
//(3) Если вы напишете только одну функцию, она будет срабатывать, когда мышь пройдет или уйдет.
hover([over,]out);

for instance:(The drop-down menu of the navigation bar).

Эффект реализации:

Язык кода:javascript
копировать
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        
        li {
            list-style-type: none;
        }
        
        a {
            text-decoration: none;
            font-size: 14px;
        }
        
        .nav {
            margin: 0 auto;
            height: 40px;
            border-bottom: 1px solid red;
        }
        
        .nav>li {
            position: relative;
            float: left;
            width: 80px;
            height: 41px;
            text-align: center;
        }
        
        .nav li a {
            display: block;
            width: 100%;
            height: 100%;
            line-height: 41px;
            color: #333;
        }
        
        .nav>li>a:hover {
            background-color: #eee;
        }
        
        .nav ul {
            display: none;
            position: absolute;
            top: 41px;
            left: 0;
            width: 100%;
            border-left: 1px solid red;
            border-right: 1px solid red;
        }
        
        .nav ul li {
            border-bottom: 1px solid red;
        }
        
        .nav ul li a:hover {
            background-color: #FFF5DA;
        }
    </style>
    <script src="jquery.min.js"></script>
</head>

<body>
    <ul class="nav">
        <li>
            <a href="#">Навигация первая</a>
            <ul>
                <li>
                    <a href="">личное сообщение</a>
                </li>
                <li>
                    <a href="">Комментарий</a>
                </li>
                <li>
                    <a href="">@я</a>
                </li>
            </ul>
        </li>
        <li>
            <a href="#">Навигация 2</a>
            <ul>
                <li>
                    <a href="">личное сообщение</a>
                </li>
                <li>
                    <a href="">Комментарий</a>
                </li>
                <li>
                    <a href="">@я</a>
                </li>
            </ul>
        </li>
        <li>
            <a href="#">Навигация третья</a>
            <ul>
                <li>
                    <a href="">личное сообщение</a>
                </li>
                <li>
                    <a href="">Комментарий</a>
                </li>
                <li>
                    <a href="">@я</a>
                </li>
            </ul>
        </li>
        <li>
            <a href="#">Навигация четыре</a>
            <ul>
                <li>
                    <a href="">личное сообщение</a>
                </li>
                <li>
                    <a href="">Комментарий</a>
                </li>
                <li>
                    <a href="">@я</a>
                </li>
            </ul>
        </li>
    </ul>
    <script>
        $(function() {
            
            ......
        })
    </script>
</body>

</html>

Есть много способов написать часть jQuery:

  1. Скольжение вверх и вниз осуществляется путем отпускания и перемещения мыши соответственно.
Язык кода:javascript
копировать
//Мышь проходит и скользит вниз
$(".nav>li").mouseover(function() {
    $(this).children("ul").slideDown(200);
});
//Мышь уходит и скользит вверх
$(".nav>li").mouseout(function() {
    $(this).children("ul").slideUp(200);
});

  1. Используйте переключение, упомянутое выше событийписать
Язык кода:javascript
копировать
//переключение событий hover Это сложный метод письма для перехода и выхода из мыши. Эти две функции соответствуют переходу и выходу.
$(".nav>li").hover(function() {
    $(this).children("ul").slideDown(200);
}, function() {
    $(this).children("ul").slideUp(200);
});

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

Язык кода:javascript
копировать
$(".nav>li").hover(function() {
    $(this).children("ul").slideToggle();
});

Ошибка в приведенном выше методе записи: быстро пройти и уйти, а анимация навигации ждет окончания одного, прежде чем начнется другой.

Решение: очередь анимации (анимация или эффект будут выполняться после запуска. При многократном запуске несколько анимаций или эффектов будут поставлены в очередь для выполнения).

Решение:хватит стоять в очереди

Язык кода:javascript
копировать
//(1)Метод stop() используется для остановки анимации или эффекта.
//(2) Примечание: функция stop() записывается перед анимацией или эффектом, что эквивалентно остановке и завершению последней анимации. Выполняйте только последнюю версию.
stop();

Полный код:

Язык кода:javascript
копировать
$(".nav>li").hover(function() {
    // stop Метод должен быть записан в начале анимации, чтобы завершить последнюю анимацию.
    $(this).children("ul").stop().slideToggle();
});
3. Эффект постепенного появления и исчезновения

Это изменение прозрачности с 0 на 1.

//Параметры соответствуют указанным выше

(1) скорость: строка («медленная», «нормальная» или «быстрая») или значение в миллисекундах, указывающее продолжительность анимации (например: 1000). (2) плавность: (необязательно) используется для указания эффекта переключения. По умолчанию используется «качание», а доступный параметр — «линейный». (3) fn: функция обратного вызова, функция, выполняемая после завершения анимации, выполняемая один раз для каждого элемента.

Язык кода:javascript
копировать
1.Аканири
FadeIn([скорость,[ослабление],[fn]];
Язык кода:javascript
копировать
2. исчезнуть
FadeOut([скорость,[ослабление],[fn]];
Язык кода:javascript
копировать
3. Переключение плавного появления и исчезновения
FadeToggle([скорость,[ослабление],[fn]];

Постепенно настраивается на заданную непрозрачность

Язык кода:javascript
копировать
//opacity Прозрачность, значение 0~1
fadeTo([[speed],opacity,[easing],[fn]];
4. Пользовательская анимация
Язык кода:javascript
копировать
//params: атрибуты стиля, которые вы хотите изменить,Поставляется в форме объекта. Имена атрибутов не нуждаются в кавычках.,еслида Составные атрибуты должны быть
Номенклатура корпуса CamelCase границаслева. Все остальные параметры можно опустить.
animate(params,[speed],[easing],[fn];

Манипулирование свойствами jQuery

Установите или получите значение внутреннего атрибута элемента

Внутренние атрибуты элемента — это атрибуты, которые входят в состав самого элемента, например: a внутри элемента href ,например input внутри элемента type。

Язык кода:javascript
копировать
1. Получите
опора('свойство');
2. Настройки
prop('свойство', 'Значение атрибута');
Установить или получить значение настраиваемого атрибута элемента

Атрибуты, добавляемые самими пользователями к элементам, называются пользовательскими атрибутами. Например, добавьте index = «1» в div.

Язык кода:javascript
копировать
1. Получите
атрибут('атрибут');  // похожий Родной getAttribute()
2. Настройки
attr('атрибут', 'Значение атрибута');   // похожий Родной setAttribute()

Данные кэша данных()

Метод data() может получить доступ к данным указанного элемента и не изменяет структуру элемента DOM. По сути, они хранятся в кеше элементов. После обновления страницы все ранее сохраненные данные будут удалены.

Язык кода:javascript
копировать
1.Сохранить данные
data('name','value');   // Добавить данные к выбранным элементам
//Например:$('span').data('uname','roydon');
2. Получить данные
date('name');  //Получить числовые данные,При получении индекса данных пользовательского атрибута H5,Просто напишите индекс напрямую

Текстовое значение содержимого jQuery

В основном для операций с содержимым элемента и значениями формы.

  1. Содержимое обычного элемента html() (эквивалент собственного внутреннего HTML)
Язык кода:javascript
копировать
1. Получитесодержимое элемента
html()
2. Настройкисодержимое элемента
html("содержание")
  1. Текстовое содержимое обычного элемента text() (эквивалент собственного внутреннего текста)
Язык кода:javascript
копировать
1. Получите
text()
2. Настройки
текст("текстовое содержимое")
  1. Значение формы val() (эквивалентное собственному значению)
Язык кода:javascript
копировать
1. Получите
val()
2. Настройки
вал("содержание")

Соблюдайте два десятичных знака:toFixed(2);


Манипулирование элементами jQuery

Траверсные элементы

Неявная итерация jQuery может выполнять одну и ту же операцию только с элементами одного и того же типа.

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

Грамматика 1:

Язык кода:javascript
копировать
//index порядковый номер элемента
//domEle дакаждыйDOMэлементобъект(Нетjqueryобъект);Месток Чтобы использоватьjqueryметод,Это должно бытьdomэлемент Преобразовать вjqueryобъект $(domEle)
$("div").each(function (index, domEle) {
    ......
});

Например: подсчитайте сумму содержимого трех элементов div.

Язык кода:javascript
копировать
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>HTML5</title>
    <script src="./jquery.min.js"></script>
    <script>
        $(function () {
            var sum = 0;
            $('div').each(function (index, domEle) {
                console.log(index);
                console.log(domEle);
                sum += parseInt($(domEle).text());
            })
            console.log(sum);
        })
    </script>
</head>

<body>
    <div>2</div>
    <div>3</div>
    <div>5</div>
</body>

</html>

результат:

Грамматика 2:

Язык кода:javascript
копировать
//$.each()метод Может использоваться для перебора любогообъект。В основном используется для обработки данных,напримермножество,объект
//index порядковый номер элемента;element Просмотр содержимого (элементов)
$.each(object,function (index, element) {
    ......
});

Например: пройти через объект {имя: "ройдон", возраст: 20}

Язык кода:javascript
копировать
$(function () {
    var user = { name: "roydon", age: 20 };
    $.each(user, function (i, ele) {
    //i — имя атрибута ele; — значение атрибута. При обходе массива i это нижний индекс; как ценность
        console.log(i + " : " + ele);
    })
})

результат:


Создать элемент
Язык кода:javascript
копировать
$("<li></li>"); 

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


Добавить элемент
Язык кода:javascript
копировать
1.внутреннийдобавить в(добавить в Отношения между отцом и сыном оригинального элемента Ченга после инцидента
element.append(''content'');//Помещаем содержимое в конец соответствующего элемента, аналогично Родному appendChild。
element.prepend(''content'');//Помещаем содержимое перед соответствующим элементом.
Язык кода:javascript
копировать
2.внешнийдобавить в(добавить в Более поздние отношения с оригинальным элементом братьев Ченг
element.after(''content'');//Помещаем содержимое за целевой элемент
element.before(''content'');//Помещаем содержимое перед целевым элементом

Удалить элемент
Язык кода:javascript
копировать
element.remove();//Удалить соответствующий элемент (сам)
element.empty();//Удалить все дочерние узлы соответствующего набора элементов середина
element.html('');//Очистить содержимое соответствующего элемента или установить содержимое

Например: элементы следующие:

Язык кода:javascript
копировать
<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>

1.$(“ul”).remove(); результат: ul и li удалены.

2.$("ul").empty(); результат: очистить все ли в ul; аналогично:


Операции с размером и положением jQuery

размер jQuery

Когда параметр пуст, получается значение; когда параметр не пуст, устанавливаются ширина и высота;

Например:

Язык кода:javascript
копировать
$("div").width();//Получаем ширину div
$ ("Div")
расположение jQuery

Существует три основные позиции: offset(), Position(), ScrollTop()/scrollLeft().

1.offset() устанавливает или получает смещение элемента

  • offset() — это координата смещения относительно документа и не имеет ничего общего с родителем.
  • Этот метод имеет 2 атрибута слева и сверху. offset().top получает расстояние от верхней части документа, а offset().left получает расстояние от левой стороны документа.
  • Вы можете установить смещение элемента: offset({ top: 50, left: 50 });

2.position() получает смещение элемента

  • Position() возвращает координаты смещения выбранного элемента относительно его позиционированного родительского элемента. Если ни один из родительских элементов не позиционирован, приоритет имеет документ.
  • Этот метод имеет 2 атрибута слева и сверху. Position().top получает расстояние от вершины родительского элемента позиционирования, а Position().left получает расстояние от левой стороны родительского элемента позиционирования.
  • Этим методом можно только получить.

3.scrollTop()/scrollLeft() устанавливает или получает заголовок и левую часть элемента при его прокрутке.

  • Подобно маленькому прямоугольнику, который увеличивает изображение, изображение будет неполным. Неполная часть — это ScrollTop()/scrollLeft().
  • Добавьте параметры для указания настроек

события jQuery


события jQueryзарегистрироваться

Событие практически такое же, как и первоначальное.

Например, наведение курсора мыши, наведение курсора мыши, размытие, фокус, изменение, нажатие клавиши, нажатие клавиши, изменение размера, прокрутка (прокрутка страницы) и т. д.

грамматика:

Язык кода:javascript
копировать
element.событие(function(){})
Например:
$(“div”).click(function(){
    //обработка событийпрограмма
})

события jQueryиметь дело с

1.обработка событий on() обязательностьсобытиев сопоставленииэлементначальствообязательностьодно или несколько событийизобработка событийфункция。

Язык кода:javascript
копировать
//1. events: Один или несколько типов событий, разделенных пробелами, например «щелчок» или «наведение курсора мыши». 。
//2. selector: Селектор дочернего элемента элемента.
//3. fn: функция обратного вызова То есть функция прослушивания привязана к элементу.
element.on(events,[selector],fn);

🔸Когда on() связывает несколько событий:

Язык кода:javascript
копировать
$(“div”).on({
    mouseover: function(){}, //событие1
    mouseout: function(){},  //событие2
    click: function(){}      //событие3
});
//Если mouseoverсобытие и mouseoutсобытие имеют одну и ту же программу ответа, запишите их вместе, разделив пробелами.
//$(“div”).on(“mouseover mouseout”, function() {
//    ......
//});

🔸Делегация мероприятия:

Язык кода:javascript
копировать
// обработка li делегируется родительскому ul,У каждого ли в нем есть щелчок
$('ul').on('click', 'li', function() {
    alert('Привет, мир!');
});

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

Язык кода:javascript
копировать
Например:olвнутридобавить vli и динамически привязать событие
$("ol").on("click", "li", function() {
    alert('hello world!');
})
var li = $("<li>Создано позжеизli</li>");
$("ol").append(li);

2.обработка событий off() Событие отмены привязки можно удалить с помощью on() методдобавить визобработка событийпрограмма。

Если вы хотите, чтобы событие запускалось только один раз, вы будете использовать событие отмены привязки. (Вы также можете изменить on() связанного события на one(), чтобы указать, что событие запускается только один раз)

Язык кода:javascript
копировать
$("p").off(); // Отменить привязку всех p элементов обработки событийпрограмма
$("p").off( "click");  // Нажмите на событие отмены привязки элемента p.
$("ul").off("click", "li");  // Отменить привязку делегата события

3. Автоматически запускать события trigger()

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

Например, элемент div автоматически запускает событие щелчка:

Язык кода:javascript
копировать
$(function() {
    $("div").on("click", function() {
        $(this).css("background","red")
    });
    // Событие автоматического нажатия триггера
    // Способ первый: элемент.событие()    // $("div").click(); запустит поведение элемента по умолчанию.
    // Способ второй: элемент.trigger("событие")    // $("div").trigger("click"); запустит поведение элемента по умолчанию.
    // Способ третий: элемент.triggerHandler("событие") Это просто не вызовет поведение элемента по умолчанию.
    $("div").triggerHandler("click");
});

события jQueryобъект

Когда событие срабатывает, возникает объект eventevent.

Язык кода:javascript
копировать
element.on(events,[selector],function(event) {
    //Предотвратить поведение по умолчанию: event.preventDefault()  или return false;
    //Прекратим пузыриться: event.stopPropagation()
})

jQuery другие методы

boy illustration
Неразрушающее увеличение изображений одним щелчком мыши, чтобы сделать их более четкими артефактами искусственного интеллекта, включая руководства по установке и использованию.
boy illustration
Копикодер: этот инструмент отлично работает с Cursor, Bolt и V0! Предоставьте более качественные подсказки для разработки интерфейса (создание навигационного веб-сайта с использованием искусственного интеллекта).
boy illustration
Новый бесплатный RooCline превосходит Cline v3.1? ! Быстрее, умнее и лучше вилка Cline! (Независимое программирование AI, порог 0)
boy illustration
Разработав более 10 проектов с помощью Cursor, я собрал 10 примеров и 60 подсказок.
boy illustration
Я потратил 72 часа на изучение курсорных агентов, и вот неоспоримые факты, которыми я должен поделиться!
boy illustration
Идеальная интеграция Cursor и DeepSeek API
boy illustration
DeepSeek V3 снижает затраты на обучение больших моделей
boy illustration
Артефакт, увеличивающий количество очков: на основе улучшения характеристик препятствия малым целям Yolov8 (SEAM, MultiSEAM).
boy illustration
DeepSeek V3 раскручивался уже три дня. Сегодня я попробовал самопровозглашенную модель «ChatGPT».
boy illustration
Open Devin — инженер-программист искусственного интеллекта с открытым исходным кодом, который меньше программирует и больше создает.
boy illustration
Эксклюзивное оригинальное улучшение YOLOv8: собственная разработка SPPF | SPPF сочетается с воспринимаемой большой сверткой ядра UniRepLK, а свертка с большим ядром + без расширения улучшает восприимчивое поле
boy illustration
Популярное и подробное объяснение DeepSeek-V3: от его появления до преимуществ и сравнения с GPT-4o.
boy illustration
9 основных словесных инструкций по доработке академических работ с помощью ChatGPT, эффективных и практичных, которые стоит собрать
boy illustration
Вызовите deepseek в vscode для реализации программирования с помощью искусственного интеллекта.
boy illustration
Познакомьтесь с принципами сверточных нейронных сетей (CNN) в одной статье (суперподробно)
boy illustration
50,3 тыс. звезд! Immich: автономное решение для резервного копирования фотографий и видео, которое экономит деньги и избавляет от беспокойства.
boy illustration
Cloud Native|Практика: установка Dashbaord для K8s, графика неплохая
boy illustration
Краткий обзор статьи — использование синтетических данных при обучении больших моделей и оптимизации производительности
boy illustration
MiniPerplx: новая поисковая система искусственного интеллекта с открытым исходным кодом, спонсируемая xAI и Vercel.
boy illustration
Конструкция сервиса Synology Drive сочетает проникновение в интрасеть и синхронизацию папок заметок Obsidian в облаке.
boy illustration
Центр конфигурации————Накос
boy illustration
Начинаем с нуля при разработке в облаке Copilot: начать разработку с минимальным использованием кода стало проще
boy illustration
[Серия Docker] Docker создает мультиплатформенные образы: практика архитектуры Arm64
boy illustration
Обновление новых возможностей coze | Я использовал coze для создания апплета помощника по исправлению домашних заданий по математике
boy illustration
Советы по развертыванию Nginx: практическое создание статических веб-сайтов на облачных серверах
boy illustration
Feiniu fnos использует Docker для развертывания личного блокнота Notepad
boy illustration
Сверточная нейронная сеть VGG реализует классификацию изображений Cifar10 — практический опыт Pytorch
boy illustration
Начало работы с EdgeonePages — новым недорогим решением для хостинга веб-сайтов
boy illustration
[Зона легкого облачного игрового сервера] Управление игровыми архивами
boy illustration
Развертывание SpringCloud-проекта на базе Docker и Docker-Compose