Учебник по jQuery

Shortcuts

Calendar Appointments

Invoice App Manage Accounts

User App Manage Users

Role Management Permission

Dashboard Analytics

Setting Account Settings

FAQs FAQs & Articles

Modals Useful Popups
- Notification
  8 New
- - Congratulation Lettie 🎉
    Won the monthly best seller gold badge
    
    1h ago
  - CF
    
    Charles Franklin
    Accepted your connection
    
    12hr ago
  - New Message ✉️
    You have new message from Natalie
    
    1h ago
  - Whoo! You have new order 🛒
    ACME Inc. made new order $1,154
    
    1 day ago
  - Application has been approved 🚀
    Your ABC project application has been approved.
    
    2 days ago
  - Monthly report is generated
    July monthly financial report is generated
    
    3 days ago
  - Send connection request
    Peter sent you connection request
    
    4 days ago
  - New message from Jane
    Your have new message from Jane
    
    5 days ago
  - CPU is running high
    CPU Utilization Percent is currently at 88.63%,
    
    5 days ago
- View all notifications

Учебник по jQuery

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

Учебное пособие для новичков — Учебник по jQuery：https://www.runoob.com/jquery/jquery-tutorial.html

jQuery — это библиотека JavaScript. jQuery значительно упрощает программирование на JavaScript.

Введение в jQuery

Что такое jQuery?

jQuery — это библиотека функций JavaScript.

jQuery — это легкая библиотека JavaScript «пиши меньше, делай больше».

Библиотека jQuery включает в себя следующий функционал:

HTML элемент Выбирать
HTML элементдействовать
CSS-операции
HTML событиефункция
Специальные эффекты JavaScript и анимация
Измените обход HTML DOM
AJAX
Utilities

намекать: Кроме того, jQuery Также предусмотрено большое количество плагинов.

Зачем использовать jQuery?

В Интернете существует большое количество JS-фреймворков с открытым исходным кодом, но jQuery в настоящее время является самым популярным JS-фреймворком и предоставляет большое количество расширений.

Многие крупные компании используют jQuery, например:

Google
Microsoft
IBM
Netflix

установка jQuery

Добавьте jQuery на веб-страницу

Можетпроходить Различныйметодсуществовать Добавьте jQuery на веб-страницу。 Вы можете использовать следующие методы:

от jquery.com Скачать jQuery Библиотека
от CDN Загрузка jQuery,нравитьсяот Google загрузка в jQuery

Скачать jQuery

Для загрузки доступны две версии jQuery:

Производственная версия – используется на реальных веб-сайтах.,Был оптимизирован и сжат.
Development version – Для тестирования и разработки (несжатый, читаемый и с кодом)

Обе версии выше доступны по адресу http://jquery.com/download/ Загрузите в.

jQuery библиотека - это JavaScript файл, который вы можете использовать HTML из <script> Тег ссылается на это:

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

намекать: Поместите скачанный документ в тот же каталог, где находится веб-страница, просто Можно. использовать jQuery。

Вам интересно, почему нас здесь нет? <script> используется в тегах type=”text/javascript” ？ существовать HTML5 , нет необходимости этого делать. JavaScript да HTML5 а такжевсе из Язык сценариев по умолчанию в современных браузерах!

альтернатива

Если вы не хотите загружать и размещать jQuery, вы также можете ссылаться на него через CDN (сеть доставки контента).

Staticfile CDN, Байду, Youpaiyun, Сина, Google и Microsoft на серверах все существуют. jQuery 。

Если вы находитесь на сайте пользователя дома из,Рекомендуется рекомендовать отечественные CDN, такие как использовать Байду, Youpaiyun, Сина и т. д.,нравиться Если пользователи вашего сайтадаиностранныйиз Можно используйте Google и Microsoft.

Примечание:Этот сайт Пример Все приняты Учебное пособие для новичков CDN Библиотека.

Чтобы ссылаться на jQuery из Staticfile CDN, Youpaiyun, Sina, Google или Microsoft, используйте один из следующих кодов:

<head>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
</head>

Байду CDN:

<head>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
</head>

Сина CDN:

<head>
<script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">
</script>
</head>

Google CDN：（ Гугл не рекомендуется CDN поставляется в бесплатной версии, потому что для Google продукт существует в Китае очень нестабильно. ）

<head>
<script src="https://ajax.proxy.ustclug.org/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
</head>

Microsoft CDN:

<head>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
</head>

используемая версия jQuery

нас Можетсуществовать Браузериз Console Используется в окне $.fn.jquery Команда для просмотра текущего jQuery использоватьиз Версия：

Синтаксис jQuery

проходить jQuery, вы можете выбрать (запрос, запрос) HTML элемент,иверноони казнят”действовать”（actions）。

Синтаксис jQuery

Синтаксис jQueryдапроходить Выбирать HTML элемент,иверно Выбиратьизэлементвыполнять определенныедействовать。

Базаграмматика： $(selector).action()

Определение знака доллара jQuery
Селектор «запрос» и "Находить" HTML элемент
jQuery из action() Выполнить верноэлементиздействовать

Пример:

$(this).hide() – скрыватьтекущийэлемент
$(“p”).hide() – скрыватьвсе <p> элемент
$(“p.test”).hide() – скрыватьвсе class=”test” из <p> элемент
$(“#test”).hide() – скрывать id=”test” изэлемент

jQuery использует комбинацию грамматики XPath и селектора грамматики CSS. существует Этот Учебник В следующей главе вы узнаете больше о селекторизграмматике.

событие готовности документа

возможно, ты заметилсуществоватьнасиз Примерсерединаизвсе jQuery Функция находится в document ready В функции:

$(document).ready(function(){
 
   // начать писать jQuery Код...
 
});

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

Если существующий документ не полностью загружен до запуска Из, операция может завершиться неудачно. Ниже приводится конкретный пример дадва:

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

намекать:Краткое письмо（и Вышеописанный метод записи Эффекттакой же）:

$(function(){
 
   // начать писать jQuery Код...
 
});

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

Функция ввода jQuery:

$(document).ready(function(){
    // Выполнить код
});
или ВОЗ
$(function(){
    // Выполнить код
});

Функция ввода JavaScript:

window.onload = function () {
    // Выполнить код
}

Разница между функцией ввода jQuery и функцией ввода JavaScript:

jQuery из Входфункциядасуществовать html После загрузки всех тегов все (DOM) они будут выполнены.
JavaScript из события window.onload дождитесь, пока все содержимое,Включает внешние изображения Издобрыйиздокумент после загрузки,будет казнен.

селектор jQuery

селектор jQuery позволяет вам верно HTML элемент Группаилиодинокийэлемент Выполнять операции.

селектор jQuery

селектор jQuery позволяет вам верно HTML элемент Группаилиодинокийэлемент Выполнять операции.

селектор jQuery основан на элементиз «Найти» (или выбрать) HTML по идентификатору, классу, типу, атрибуту, значению атрибута и т. д. элемент。 Оно основано на существующем существовании. CSS селектор（ https://www.runoob.com/cssref/css-selectors.html ）

Помимо этого, у него также есть некоторый выбор настроек. jQuery серединавсеселектор Все начинается со знака доллара：$()

элемент селектор

jQuery элементселекторна основеэлементимя Выбиратьэлемент。существоватьстраницасередина Выбиратьвсе <p> элемент：$(“p”)

Пример：После того, как пользователь нажмет кнопку,все <p> элемент Всескрывать：

$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});

#id селектор

jQuery #id селекторпроходить HTML элементиз id свойство Выбиратьобозначениеизэлемент。страницасерединаэлементиз id Если да, только из, поэтому вы хотите, чтобы страница существовала. Выбрать только из элемента, который необходимо подать. #id селектор。

проходить id Выбиратьэлементграмматиканравиться Вниз：$(“#test”)

Пример：когда После того, как пользователь нажмет кнопку,иметь id=”test” свойствоизэлементбудетскрывать：

$(document).ready(function(){
  $("button").click(function(){
    $("#test").hide();
  });
});

.class селектор

jQuery добрыйселектор Можетпроходитьобозначениеиз class Находитьэлемент。грамматиканравиться Вниз：$(“.test”)

Пример：После того, как пользователь нажмет кнопкувсес class=”test” свойствоизэлемент Всескрывать：

$(document).ready(function(){
  $("button").click(function(){
    $(".test").hide();
  });
});

Манипулирование атрибутами объекта DOM в JavaScript

Манипулирование атрибутами объекта DOM в JavaScript：https://www.cnblogs.com/molieren/articles/10161255.html

elementNode.setAttribute(name,value)   elementNode.getAttribute(свойствоимя)        <-------------->elementNode.свойствоимя(DHTML)
elementNode.removeAttribute(“свойствоимя”);

Пример：http://www.xiaohuar.com/daxue/

for(var i=0;i<$('img').length;i++){
    t = $('img')[i];    
    console.log(t.getAttribute('src'));
}

Больше примеров

грамматика	описывать	Пример
$(“*”)	Выбиратьвсеэлемент	существовать Проволока Пример
$(this)	Выберите текущий HTML элемент	существовать Проволока Пример
$(“p.intro”)	Выбирать class для intro из <p> элемент	существовать Проволока Пример
$(“p:first”)	Выбиратьпервый <p> элемент	существовать Проволока Пример
$(“ul li:first”)	Выбиратьпервый <ul> элементизпервый <li> элемент	существовать Проволока Пример
$(“ul li:first-child”)	Выбиратькаждый <ul> элементизпервый <li> элемент	существовать Проволока Пример
$(“[href]”)	Выбиратьс href свойствоизэлемент	существовать Проволока Пример
$(“a[target=’_blank’]”)	Выбиратьвсе target Значение атрибута равно “_blank” из <a> элемент	существовать Проволока Пример
$(“a[target!=’_blank’]”)	Выбиратьвсе target Значение атрибута не равно “_blank” из <a> элемент	существовать Проволока Пример
$(“:button”)	Выбиратьвсе type=”button” из <input> элемент и <button> элемент	существовать Проволока Пример
$(“tr:even”)	Выбиратьчетная позицияиз <tr> элемент	существовать Проволока Пример
$(“tr:odd”)	Выбирать Нечетные позициииз <tr> элемент	существовать Проволока Пример

Можно использовать селектор детектор jQuery Заходите в Демо другой изселектор.

селектор	Пример	Выбирать
*	$(“*”)	всеэлемент
#id	$(“#lastname”)	id=”lastname” изэлемент
.class	$(“.intro”)	class=”intro” извсеэлемент
.class,.class	$(“.intro,.demo”)	class для “intro” или “demo” извсеэлемент
element	$(“p”)	все <p> элемент
el1,el2,el3	$(“h1,div,p”)	все <h1>、<div> и <p> элемент

:first	$(“p:first”)	первый <p> элемент
:last	$(“p:last”)	последний <p> элемент
:even	$(“tr:even”)	вседаже <tr> элемент,индекс Значение от 0 содержание,даже в первичном элементе (0), второй элемент нечетного числа (1) и так далее.
:odd	$(“tr:odd”)	нечетное число <tr> элемент,индекс Значение от 0 содержание,даже в первичном элементе (0), второй элемент нечетного числа (1) и так далее.

:first-child	$(“p:first-child”)	Принадлежит его отцуэлементизпервыйребенокэлементизвсе <p> элемент
:first-of-type	$(“p:first-of-type”)	Принадлежит его отцуэлементизпервый <p> элементизвсе <p> элемент
:last-child	$(“p:last-child”)	Принадлежит отцуребенокэлементизвсе <p> элемент
:last-of-type	$(“p:last-of-type”)	Принадлежит отцу <p> элементизвсе <p> элемент
:nth-child(n)	$(“p:nth-child(2)”)	Принадлежит отцу элементиз второго сына элементизвсе <p> элемент
:nth-last-child(n)	$(“p:nth-last-child(2)”)	Принадлежит отцу элементиз второго сына элементизвсе <p> элемент,отпоследний элемент Начать отсчет
:nth-of-type(n)	$(“p:nth-of-type(2)”)	Второй, принадлежащий отцуэлементиз <p> элементизвсе <p> элемент
:nth-last-of-type(n)	$(“p:nth-last-of-type(2)”)	Второй, принадлежащий отцуэлементиз <p> элементизвсе <p> элемент,отпоследний элемент Начать отсчет
:only-child	$(“p:only-child”)	Принадлежит единственному сыну отцаэлементизвсе <p> элемент
:only-of-type	$(“p:only-of-type”)	Принадлежит отцу элементиз определенного доброго типа из единственного сына элементализвсе <p> элемент

$(“div > p”)	<div> элементизпрямойребенокэлементизвсе <p> элемент
parent descendant	$(“div p”)	<div> элементиз Потомкиизвсе <p> элемент
element + next	$(“div + p”)	каждый <div> элемент, соседний из следующего <p> элемент
element ~ siblings	$(“div ~ p”)	<div> элемент Тот же уровеньизвсе <p> элемент

:eq(index)	$(“ul li:eq(3)”)	списоксерединаизчетвертыйэлемент（index Значение от 0 начинать)
:gt(no)	$(“ul li:gt(3)”)	перечислять index больше, чем 3 изэлемент
:lt(no)	$(“ul li:lt(3)”)	перечислять index меньше, чем 3 изэлемент
:not(selector)	$(“input:not(:empty)”)	все Нетдлянулевойизвходитьэлемент

:header	$(“:header”)	всезаголовокэлемент <h1>, <h2> …
:animated	$(“:animated”)	всеанимацияэлемент
:focus	$(“:focus”)	В настоящее время имеет фокусизэлемент
:contains(text)	$(“:contains(‘Hello’)”)	все Включатьтекст “Hello” изэлемент
:has(selector)	$(“div:has(p)”)	все Включать имеет <p> элементсуществоватьв пределахиз <div> элемент
:empty	$(“:empty”)	всенулевойэлемент
:parent	$(“:parent”)	Соответствует тексту, который содержит дочерние элементы или из родительского элемента.
:hidden	$(“p:hidden”)	всескрыватьиз <p> элемент
:visible	$(“table:visible”)	всевидимая форма
:root	$(“:root”)	документизкореньэлемент
:lang(language)	$(“p:lang(de)”)	все lang свойствоценитьдля “de” из <p> элемент

[attribute]	$(“[href]”)	всес href свойствоизэлемент
[attribute=value]	$(“[href=’default.htm’]”)	всес href атрибут со значением, равным “default.htm” изэлемент
[attribute!=value]	$(“[href!=’default.htm’]”)	всес href атрибут и значение не равны “default.htm” изэлемент
[attribute$=value]	$(“[href$=’.jpg’]”)	всес href атрибут и значение “.jpg” окончание изэлемента
[attribute\|=value]	$(“[title\|=’Tomorrow’]”)	всес title атрибут со значением, равным ‘Tomorrow’ или означает ‘Tomorrow’ После соединителя строка начинается с «дляиз».
[attribute^=value]	$(“[title^=’Tom’]”)	всес title атрибут и значение “Tom” Начало изэлемента
[attribute~=value]	$(“[title~=’hello’]”)	всес title Атрибут и значение содержат слово “hello” изэлемент
[attribute*=value]	$(“[title*=’hello’]”)	всес title Свойство, значение которого содержит строку “hello” изэлемент
[name=value][name2=value2]	$( “input[id][name$=’man’]” )	с id свойства и name Атрибуты начинаются с man Окончание поля ввода

:input	$(“:input”)	все input элемент
:text	$(“:text”)	всес type=”text” из input элемент
:password	$(“:password”)	всес type=”password” из input элемент
:radio	$(“:radio”)	всес type=”radio” из input элемент
:checkbox	$(“:checkbox”)	всес type=”checkbox” из input элемент
:submit	$(“:submit”)	всес type=”submit” из input элемент
:reset	$(“:reset”)	всес type=”reset” из input элемент
:button	$(“:button”)	всес type=”button” из input элемент
:image	$(“:image”)	всес type=”image” из input элемент
:file	$(“:file”)	всес type=”file” из input элемент
:enabled	$(“:enabled”)	вседавать возможностьизэлемент
:disabled	$(“:disabled”)	все Запрещатьизэлемент
:selected	$(“:selected”)	все Выбраноиз раскрывающегося спискаэлемент
:checked	$(“:checked”)	все Отметить из флажка
.selector	$(selector).selector	существоватьjQuery Использование устарело в версии 1.7. стал передан jQuery() изrawselector
:target	$( “p:target” )	селекторвыберусерединаIDиURIсерединаодинформатизидентификатор совпадаетиз<p>элемент

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

$("#id")            //IDселектор
$("div")            //элементселектор
$(".classname")     //добрыйселектор
$(".classname,.classname1,#id1")     //селектор комбинации

* выбиратьвсеэлемент
.class выбирать class,нравиться：$(‘.mybox’)
element выбирать element,нравиться：$(‘p’)
#id выбирать id,нравиться：$(‘#box’)
selector1,selectorN Можеттакой жечасвыбиратьнесколькоэлемент,нравиться：$(‘div, p.box, #phone’)

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

$("#id>.classname ")    //ребенокэлементселектор
$("#id .classname ")    //Потомкиэлементселектор
$("#id + .classname ")    //Рядом со следующим селектором элементов
$("#id ~ .classname ")    //братэлементселектор

parent > child выбиратьобозначениеэлемент Внизизобозначениеребенокэлемент,нравиться：$(‘ul.tonav > li’)
ancestor descendant выбиратьодинэлементвнутривсеиз Потомкиэлемент,нравиться：$(‘form input’)
prev + next выбиратьвсеобозначениеэлементвнимательно следил заизэлемент,нравиться：$(‘label + input’)
prev ~ siblings выбиратьиобозначениеэлемент Изназадиметьтакой жеотецсортиз Тот же уровеньселектор,нравиться：$(‘#prev ~ div’)

3.фильтрселектор(фокус)

Базовый фильтр:

$("li:first")    //первыйli
$("li:last")     //последнийli
$("li:even")     //Выбираем индекс для четного числаизли
$("li:odd")      //Выбираем индекс для нечетного числа изli
$("li:eq(4)")    //Индекс равен 4 изли(пятый li элемент)
$("li:gt(2)")    //Внизотметкабольше,чем 2 изli
$("li:lt(2)")    //Внизотметкаменьше, чем 2 изli
$("li:not(#runoob)") //выбираем кроме id="runoob" Кроме этого

:animated выбиратьанимацияруководитьсерединаизвсеэлемент。нравиться：$('div:animated)
:eq(n) Выбирать Нет.nиндивидуальныйэлемент,нравиться：$('ul.tonav li:eq(n)')
:even Выбиратьдажеиндивидуальныйэлемент,нравиться：$('li:even')
:odd Выбиратьнечетное числоиндивидуальныйэлемент,нравиться：$('li.odd')
:first Выбиратьпервыйэлемент,нравиться：$('li:first')
:gt(n) Выбиратьрезультатнаборсерединаиндексбольше, чемnизэлемент,nМожетдлягрузценить,нравиться：$(':gt(3)')
:lt(n) Выбиратьрезультатнаборсерединаиндексменьше, чемnизэлемент,nМожетдлягрузценить,нравиться：$(':lt(3)')
:header Выбиратьвсеиззаголовокэлемент,примернравиться h1、h2、h3…,нравиться：$(':header')
:lang() Выбиратьобозначениеязыкизвсеэлемент,,нравиться：$('div:lang(zh-cn)')
:last Выбиратьпоследнийсоответствоватьизэлемент,нравиться：$('li:last')
:not Выбирать Нетсоответствоватьизвсеэлемент,нравиться：$('input:not(:checked) + span')
:root Выбиратьделатьдлядокументкорень Оглавлениеизэлемент
:target Выбирать Зависит отдокументизкартина、видео、Аудиоинструкции из целевого элемента

3.2 Фильтры контента Фильтры контента

$("div:contains('Runob')")    // Включать Руноб текстизэлемент
$("td:empty")                 //Нет Включатьребенокэлементили ВОЗтекстизнулевойэлемент
$("div:has(selector)")        // Содержит селектор, соответствующий изэлементу
$("td:parent")                //Содержит текст с подзаголовком элементилиизэлемент

:contains()выбирать Включатьобозначениетекстизвсеэлемент,нравиться：$("div:containers('home')")
:emptyвыбиратьбезиметьребенокэлементилисодержаниехарактеризэлемент,нравиться：$("td:empty"))
:has()выбирать Включать По меньшей мереодинсоответствоватьобозначениеселекторизэлементизэлемент,нравиться：$("div:has(p)"))
:parentвыбирать По меньшей мереиметьодинребенокузел（элементилитекст）извсеэлемент

3.3 видимыйселектор Visibility Filters

$("li:hidden")       //Находим все невидимые элементы или тип скрытого элемента
$("li:visible")      //Сопоставить всевидимыйэлемент

:hiddenвыбиратьвсескрыватьизэлемент,нравиться：$("div:hidden").show(3000));
:visibleвыбиратьвсескрыватьизэлемент,нравиться： $("div:visible").click(function() {$(this).css("background", "yellow");});

3.4 свойствоселектор Attribute

$("div[id]")        //все содержит id свойствоиз div элемент
$("div[id='123']")        // idсвойствоvalueдля123издив элемент
$("div[id!='123']")        // idЗначение атрибута не равно123изdiv элемент
$("div[id^='qq']")        // Значение idсвойства начинается с qqizdiv элемент
$("div[id$='zz']")        // Значение idсвойства заканчивается на zzizdiv элемент
$("div[id*='bb']")        // idсвойствоценить Включатьbbизdiv элемент
$("input[id][name$='man']") //Выбираем фильтр для нескольких свойств и удовлетворяем условию двасвойстваизэлемента

[name]$("div[id]")

[name$="value"]$("input[name$='letter']")

[name="value"]$("input[value='Hot Fuzz']")valueHot Fuzzinput

[name!="value"]$("input[name!='newsletter']")namenewsletter

[name="value"][name2="value2"]$("input[id][name$='man']")

3.5 состояниефильтрселектор

$("input:enabled")    // Доступен матч из input
$("input:disabled")   // Матч недоступен из input
$("input:checked")    // Матч выбран из input
$("option:selected")  // Матч выбран из option

3.6 Дочерние фильтры

:first-childвыбирать Тот же родительизпервыйребенокпоколениеэлемент。
:first-of-typeвыбиратьтакой жеэлементимяизбратсерединаизпервыйэлемент。
:last-childвыбирать Тот же родительизпоследнийребенокпоколениеэлемент。
:last-of-typeвыбиратьтакой жеэлементимяизбратсерединаизпоследнийэлемент。
:nth-child()выбирать Тот же родительиз Нет.nиндивидуальныйребенокпоколениеэлемент。
:nth-last-child()выбирать Тот же родительизвзаимный Нет.nиндивидуальныйребенокпоколениеэлемент。
:nth-last-of-type()выбирать Тот же родительизвзаимный Нет.nиндивидуальныйребенокпоколениеэлемент。
:nth-of-type()выбирать Тот же родительиз Нет.nиндивидуальныйребенокпоколениеэлемент。
:only-childвыбирать Толькоиметьодинребенокпоколениеизэлемент。
:only-of-type()выбиратьвсебезиметьтакой жеимяэлементизбратэлемент。нравиться：$("div.button:only-child")выбирать Толькоиметьодинbuttonизdiv

4. Селектор форм

$(":input")      //Сопоставить все input, textarea, select и button элемент
$(":text")       //всеиз Однострочное текстовое поле, $(":text") Эквивалентно $("[type=text]"), рекомендуется использовать $("input:text") более эффективно, то же самое показано ниже.
$(":password")   //все поле пароля
$(":radio")      //всепереключатели
$(":checkbox")   //все флажки
$(":submit")     //всекнопка "Отправить"
$(":reset")      //все кнопки сброса
$(":button")     //все кнопки кнопка
$(":file")       //вседокументдомен

:buttonвыбиратьвсекнопкаэлементикнопкадобрыйформаизэлемент。
:checkboxвыбиратьвсе Получите желаемый блокизэлемент。
:checkedвыбиратьвсевыбиратьсерединаизэлемент。
:disabledвыбиратьвсеодеяло Запрещатьизэлемент。
:enabledвыбиратьвсеужедавать возможностьизэлемент。
:focusвыбиратькогда Внизодеялоfocusизэлемент。
:fileвыбиратьfileдобрыйформаизэлемент。
:imageвыбиратьизображениедобрыйформаизвсеизэлемент。
:inputвыбиратьвсеinput、textarea、selectиbuttonэлемент。
:passwordвыбиратьвсепарольдобрыйформаизэлемент。
:radioвыбиратьвсевыбирать项кнопкаизэлемент。
:resetвыбиратьвсе Прозрачныйкнопка（перезагрузитькнопка）изэлемент。
:selectedвыбиратьвсевыбиратьсерединаизэлемент。
:submitвыбиратьвсепредставлять на рассмотрениедобрыйформаизэлемент。
:textвыбиратьвсетекствходитькоробкаизэлемент。

Использование функций jQuery в отдельных файлах

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

когданассуществовать Учебниксередина Демо jQuery , функция будет добавлена непосредственно в <head> часть. Однако вынесем их в отдельное изв. файле было бы лучше, вот так (проходить src атрибут для ссылки на файл):

<head>
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script src="my_jquery_functions.js"></script>
</head>

Основы jQ — jQueryселектор Подвести итог：https://segmentfault.com/a/1190000003688640

события jQuery

jQuery дадлясобытиеиметь дело с Специальный дизайниз。

Что такое событие?

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

событиеиметь дело Инструкции по процедуре издад HTML Вызывается, когда что-то происходит в событии изметод.

Пример：

существоватьэлемент Переместить мышь вверх。
Выбирать переключатель
Нажмитеэлемент

существоватьсобытиесерединачастоиспользоватьтермин”курок”（или”возбуждение”）примернравиться： "Срабатывает при нажатии клавиши keypress событие”。

общий DOM событие：

мышьсобытие	клавиатурасобытие	формасобытие	Событие документа/окна
click	keypress	submit	load
dblclick	keydown	change	resize
mouseenter	keyup	focus	scroll
mouseleave		blur	unload
hover

события jQueryметодграмматика

существовать jQuery в большинстве DOM событие имеет эквивалент из jQuery метод.

страницасерединаобозначениеодин Нажмитесобытие：$(“p”).click();

Внизшагдаопределить, какое времякуроксобытие。ты Можетпроходитьодинсобытиефункциявыполнить：

$("p").click(function(){
    // Выполните код после запуска действия!!
});

Обычно используется события jQueryметод

$(document).ready()

$(document).ready() Метод позволяет нам выполнить функцию после того, как документ полностью загружен. Метод событиясуществовать Синтаксис jQuery Уже упоминалось в гл.

click()

click() методдакогдакнопка Нажмитесобытиеодеялокурокчасвстречавызоводинфункция。

Функциясуществовать выполняется, когда пользователь нажимает на элемент HTML.

существовать Внизлапшаиз Примерсередина,когда Нажмитесобытиесуществоватьопределенныйиндивидуальный <p> элемент на триггере, закрывающий ток из <p> элемент：

$("p").click(function(){
  $(this).hide();
});

dblclick()

Событие dblclick возникает при двойном щелчке элемента.

dblclick() триггер метода dblclick событие,или Когда это предусмотренопроисходить dblclick событиебежать, когдаизфункция：

$("p").dblclick(function(){
  $(this).hide();
});

mouseenter()

Событие mouseenter возникает, когда указатель мыши пересекает элемент.

mouseenter() триггер метода mouseenter событие,или Когда это предусмотренопроисходить mouseenter событиебежать, когдаизфункция：

$("#p1").mouseenter(function(){
    alert('Ваша мышь переместилась в id="p1" изэлементначальство!');
});

mouseleave()

Событие mouseleave возникает, когда указатель мыши покидает элемент.

mouseleave() триггер метода mouseleave событие,или Когда это предусмотренопроисходить mouseleave событиебежать, когдаизфункция：

$("#p1").mouseleave(function(){
    alert("До свидания, ваша мышь покинула этот абзац.");
});

mousedown()

Когда указатель мыши перемещается над элементом,и при нажатии кнопки мыши,Произойдет событие Mousedown.

mousedown() триггер метода mousedown событие,или Когда это предусмотренопроисходить mousedown событиебежать, когдаизфункция：

$("#p1").mousedown(function(){
    alert("Кликните мышкой по этому абзацу!");
});

mouseup()

Событие mouseup происходит, когда кнопка мыши отпускается на существующем элементе.

mouseup() триггер метода mouseup событие,или Когда это предусмотренопроисходить mouseup событиебежать, когдаизфункция：

$("#p1").mouseup(function(){
    alert("Отпустите курсор мыши на абзаце.");
});

hover()

Метод hover() используется для имитации события наведения курсора.

Когда мышь перемещается по элементу,Запустит указанную изпервую функцию(mouseenter), когда мышь выйдет за пределы этого элемента;,встречакурокобозначениеиз Нет.дваиндивидуальныйфункция(mouseleave)。

$("#p1").hover(
    function(){
        alert("Вы ввели p1!");
    },
    function(){
        alert("До свидания! Сейчас существуешь, ты ушел p1!");
    }
);

focus()

Событие фокуса происходит, когда элемент получает фокус.

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

focus() триггер метода focus событие,или Когда это предусмотренопроисходить focus событиебежать, когдаизфункция：

$("input").focus(function(){
  $(this).css("background-color","#cccccc");
});

blur()

Событие размытия происходит, когда элемент теряет фокус.

blur() триггер метода blur событие,или Когда это предусмотренопроисходить blur событиебежать, когдаизфункция：

$("input").blur(function(){
  $(this).css("background-color","#ffffff");
});

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

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

В следующей таблице перечислены все используемые методы jQuery.

метод	описывать
bind()	Кэлементдобавить всобытиеиметь дело программа
blur()	добавить/запуститьпотерять фокуссобытие
change()	добавить/запустить change событие
click()	добавить/запустить click событие
dblclick()	добавить/запустить double click событие
delegate()	Для соответствия элементаиз настоящего или будущего изребенокэлементдобавить виметь дело программа
die()	существовать Версия 1.9 был удален. Удалить live() методдобавить визсобытиеиметь дело программа
error()	существовать Версия 1.8 был заброшен. добавить/запустить error событие
event.currentTarget	существоватьсобытие На стадии бурленияизтекущий DOM элемент
event.data	Включатьтекущийосуществлятьизиметь дело s передается методу, когда программа привязана событияиз необязательных данных
event.delegateTarget	возвращатьсятекущийвызовиз события jQueryиметь дело программа Местодобавить визэлемент
event.isDefaultPrevented()	возвращатьсяобозначениеиз event объект на да, называется ли event.preventDefault()
event.isImmediatePropagationStopped()	возвращатьсяобозначениеиз event объект на да, называется ли event.stopImmediatePropagation()
event.isPropagationStopped()	возвращатьсяобозначениеиз event объект на да, называется ли event.stopPropagation()
event.namespace	возвращатьсякогдасобытиеодеялокурокчасобозначениеизжизньимянулевоймежду
event.pageX	станет верно у левого края документа из положения мыши
event.pageY	окажется верным относительно верхнего края документа из положения мыши
event.preventDefault()	Блокировать событие из строки по умолчанию для
event.relatedTarget	какой элемент входит или выходит при движении мыши
event.result	Включать Зависит отодеялообозначениесобытиекурокизсобытиеиметь дело программавозвращатьсяизпоследнийценить
event.stopImmediatePropagation()	Заблокировать другое событие дело программаодеяловызов
event.stopPropagation()	Не дать событию разгореться до DOM дерево, заблокировать любого родителя дело программаодеялособытиеуведомить
event.target	Какой из них вернуть DOM элементкуроксобытие
event.timeStamp	вернуться из 1970 Год 1 луна 1 Прибытие в тот же деньсобытиеодеялокурокчасизмиллисекунды
event.type	возвращаться Какой видсобытиедобрыйформаодеялокурок
event.which	появление указывает, какая клавиша клавиатуры и кнопка мыши нажата в событии
event.metaKey	событиекурокчас META Нажата ли клавиша да?
focus()	добавить/запустить focus событие
focusin()	добавить всобытиеиметь дело программа с focusin событие
focusout()	добавить всобытиеиметь дело программа с focusout событие
hover()	добавить вдвасобытиеиметь дело программа с hover событие
keydown()	добавить/запустить keydown событие
keypress()	добавить/запустить keypress событие
keyup()	добавить/запустить keyup событие
live()	существовать Версия 1.9 был удален. добавить в или нескольких событиях дело программа стекущийилибудущееизодеяловыбиратьэлемент
load()	существовать Версия 1.8 был заброшен. добавить водинсобытиеиметь дело программа с load событие
mousedown()	добавить/запустить mousedown событие
mouseenter()	добавить/запустить mouseenter событие
mouseleave()	добавить/запустить mouseleave событие
mousemove()	добавить/запустить mousemove событие
mouseout()	добавить/запустить mouseout событие
mouseover()	добавить/запустить mouseover событие
mouseup()	добавить/запустить mouseup событие
off()	Удалятьпроходить on() методдобавить визсобытиеиметь дело программа
on()	Кэлементдобавить всобытиеиметь дело программа
one()	Добавить выбранный элемент в или нескольких событиях дело программа. Иметь дело программа Только能одеялокаждыйэлементкурокодин раз
$.proxy()	Принять существующую функцию,И появился человек с особым контекстом из функции
ready()	Когда это предусмотрено DOM Выполняться при полной загрузке функции
resize()	добавить/запустить resize событие
scroll()	добавить/запустить scroll событие
select()	добавить/запустить select событие
submit()	добавить/запустить submit событие
toggle()	существовать Версия 1.9 был удален. добавить в click Для переключения между событиями Издваили несколько функций
trigger()	курокпривязать кодеяловыбиратьэлементизвсесобытие
triggerHandler()	курокпривязать кодеяловыбиратьэлементизобозначениесобытиеначальствоизвсефункция
unbind()	отодеяловыбиратьэлементначальство Удалятьдобавить визсобытиеиметь дело программа
undelegate()	отсейчассуществоватьилибудущееизодеяловыбиратьэлементначальство Удалятьсобытиеиметь дело программа
unload()	существовать Версия 1.8 был заброшен. добавить всобытиеиметь дело программа с unload событие
contextmenu()	добавить всобытиеиметь дело программа с contextmenu событие
$.holdReady()	Используется для приостановки и возобновления выполнения события .ready().

Специальные эффекты jQuery

：jQuery Эффект – скрыватьипоказывать | Учебное пособие для новичков

– скрыватьипоказывать
- Постепенное появление и исчезновение
– Слайд
– Анимация
- Остановить анимацию
– Callback метод
– Цепочка

Методы эффектов jQuery

В следующей таблице перечислены все используемые для создания метода jQuery «Эффект анимации».

метод	описывать
animate()	верно Выбранный элементApp "Customize"изанимация
clearQueue()	верно выбранный элемент удален все функция в очереди (все еще не запущена)
delay()	верно выбранный элемент из всех функций в очереди (все еще не работает) настройка отложена
dequeue()	Удалить следующую функцию в очереди, а затем выполнить функцию
fadeIn()	Постепенно измените непрозрачность выбранного элемента.,открывать, чтобы быть видимым
fadeOut()	Постепенно измените непрозрачность выбранного элемента.,отвидимыйприезжатьскрывать
fadeTo()	Постепенно меняет выбранный элемент на заданную непрозрачность.
fadeToggle()	существовать fadeIn() и fadeOut() Переключение между методом Из
finish()	верно выбранныйэлементстоп、Удалить и завершить анимацию всей очереди
hide()	скрыватьодеяловыбиратьэлемент
queue()	Показать выбранный элемент
show()	Показать выбранный элемент
slideDown()	проходить Отрегулируйте высотуслайд Показать выбранный элемент
slideToggle()	slideUp() и slideDown() Переключение между методом Изиз
slideUp()	проходить Отрегулируйте высотуслайдскрыватьодеяловыбиратьэлемент
stop()	Остановить выбранный элемент, работающий в данный момент в режиме существованияизанимация.
toggle()	hide() и show() Переключение между методом Изиз

jQuery, манипулирующий HTML

jQuery Обладать оперативным HTML элементисвойствоизмощныйметод：jQuery получатьсодержаниеисвойство | Учебное пособие для новичков

получать содержаниеисвойство：jQuery получатьсодержаниеисвойство | Учебное пособие для новичков
настраивать содержаниеисвойство：jQuery Установить контентисвойство | Учебное пособие для новичков
добавить в HTML элемент：jQuery добавить вэлемент | Учебное пособие для новичков
удалить HTML элемент（ удалитьужеиметьиз HTML элемент ）：jQuery удалитьэлемент | Учебное пособие для новичков
возьми и установи CSS добрый（ верно CSS элементруководитьдействовать ）：jQuery возьми и установи CSS добрый | Учебное пособие для новичков
jQuery из css() метод（ настраиватьиливозвращатьсяодеяловыбиратьэлементизодинилинесколькостильсвойство）：метод jQuery css() | Учебное пособие для новичков
иметь дело с элементи Браузерокноизразмер：размер jQuery | Учебное пособие для новичков

Манипулирование DOM с помощью jQuery

jQuery Очень важной частью из является дадействовать. DOM способности.

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

Получить контент — text(), html() и val().

Три простых и практичных способа для DOM активизировать метод jQuery:

text() – настраиватьиливозвращаться Местовыбиратьэлементизтекстсодержание
html() – настраиватьиливозвращаться Местовыбиратьэлементизсодержание（включать HTML отметка)
val() – настраиватьиливозвращатьсяформа Полеизценить

$("#btn1").click(function(){
  alert("Текст: " + $("#test").text());
});

$("#btn2").click(function(){
  alert("HTML: " + $("#test").html());
});

$("#btn1").click(function(){
  alert("ценитьдля: " + $("#test").val());
});

Получить атрибуты – attr()

jQuery attr() методиспользуется дляполучатьсвойствоценить.

Ниже приведен пример того, как получить значение свойства href в ссылке:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    alert($("#runoob").attr("href"));
  });
});
</script>
</head>

<body>
<p><a href="//www.runoob.com" id="runoob">Учебное пособие для новичков</a></p>
<button>показывать href свойствоизценить</button>
</body>
</html>

обход jQuery

：обход jQuery | Учебное пособие для новичков

траверс
предок
Потомки
соотечественники
фильтр

предокдаотец、дедушка、всегдадедушкаи т. д.。Потомкидаребенок、солнце、всегдасолнцеи т. д.。соотечественникидержатьиметьтакой жеизотец。

Что такое обход?

обход jQuery, что означает «перемещение», используется для «нахождения» (или Выбрать) HTML на основе его отношений с другими элементами. элемент。с чем-товыбиратьначинать,и двигайся по этому выбирать,Пока не достигнешь желаемого пункта назначения.

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

Графический анализ:

<div> элементда <ul> из родительского элемента, в то же время дающего все содержимое изпредок.
<ul> элементда <li> элементизотецэлемент,такой жечасда <div> изребенокэлемент
левая сторона <li> элементда <span> изотецэлемент,<ul> изребенокэлемент,такой жечасда <div> из Потомки。
<span> элементда <li> изребенокэлемент,такой жечасда <ul> и <div> из Потомки。
два <li> элементдасоотечественники（держатьиметьтакой жеизотецэлемент）。
Правая сторона <li> элементда <b> изотецэлемент,<ul> изребенокэлемент,такой жечасда <div> из Потомки。
<b> элементда Правая сторона <li> изребенокэлемент,такой жечасда <ul> и <div> из Потомки。

Методы jQuery HTML/CSS

В следующей таблице перечислены все возможности работы с HTML и CSS с помощью методов jQuery.

Внизлапшаизметодподходящийиспользуется для HTML и XML документ. За исключением: html() метод.

метод	описывать
addClass()	Добавить выбранный элемент водинили Несколько добрыйимя
after()	существуютвставить содержимое после выбора элемента
append()	существуют Выбранныйэлементиз Вставить содержимое в конец
appendTo()	HTML-элемент одеялометод использования хвоста существует
attr()	настраиватьиливозвращатьсяодеяловыбиратьэлементизсвойство/ценить
before()	существуют — вставить содержимое перед выбранным элементом
clone()	Создать копию выбранного элемента
css()	установить или вернуть одно или несколько свойств стиля для выбранного элемента
detach()	Удалить выбранный элемент (сохранить данные)
empty()	из выбранного элемента удалить все дочерние узлы и содержимое
hasClass()	Проверьте, указан ли выбранный элемент Включать по имени класса
height()	настраиватьиливозвращатьсяодеяловыбиратьэлементизвысокий
html()	настраиватьиливозвращатьсяодеяловыбиратьэлементизсодержание
innerHeight()	возвращатьсяэлементизвысокий（Включать набивка, в комплект не входит border）
innerWidth()	возвращатьсяэлементизширина（Включать набивка, в комплект не входит border）
insertAfter()	HTML-элемент вставляется после существования выбранного элемента.
insertBefore()	существоватьодеяловыбиратьэлементвставить перед HTML элемент
offset()	настраиватьиливозвращаться выбранных элементов по координатам смещения (соответствующим верным в документе)
offsetParent()	возвращатьсяпервыйпозицияизпредокэлемент
outerHeight()	возвращатьсяэлементизвысокий（Включать padding и border）
outerWidth()	возвращатьсяэлементизширина（Включать padding и border）
position()	возвращатьсяэлементиз Расположение（Взаимноверно Вотецэлемент）
prepend()	Вставить содержимое, начинающееся с существования выбранного элементаиз
prependTo()	существует язык кино элементиз элемент сделан в Чжоутоу HTML
prop()	настраиватьиливозвращатьсяодеяловыбиратьэлементизсвойство/ценить
remove()	Удалить выбранный элемент (Включить данные об исобытии)
removeAttr()	из selectedelement удалить одно или несколько свойств
removeClass()	отодеяловыбиратьэлемент Удалятьодинили Несколько добрый
removeProp()	Удалятьпроходить prop() методнастраиватьизсвойство
replaceAll()	Заменить выбранный элемент на новый из HTML-элемента
replaceWith()	Заменить выбранный элемент на новый изсодержание
scrollLeft()	настраиватьиливозвращаться выбранныйэлементиз положения горизонтальной полосы прокрутки
scrollTop()	настраиватьиливозвращаться выбранныйэлементиз положения вертикальной полосы прокрутки
text()	настраиватьиливозвращатьсяодеяловыбиратьэлементизтекстсодержание
toggleClass()	существоватьодеяловыбиратьэлементсерединадобавить в/Удалятьодинили Несколько добрый Изпереключаться между
unwrap()	Удалить выбранный элементиз родительского элемента
val()	настраиватьиливозвращатьсяодеяловыбиратьэлементизсвойствоценить（Иголкаверноформаэлемент）
width()	настраиватьиливозвращатьсяодеяловыбиратьэлементизширина
wrap()	Используется вокруг несуществующих выбранных элементов. HTML завершение элемента
wrapAll()	существующее было выбрано для использования вокруг элементаиз HTML завершение элемента
wrapInner()	Используется вокруг выбранного элемента содержимого. HTML завершение элемента
$.escapeSelector()	Экранирование селектора CSS из символа или строки со специальным значением
$.cssHooks	Предоставляет функцию определения метода прохождения для получения настроек, специфичных для значений CSS.

jQuery — введение в AJAX

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

Что такое АЯКС?

AJAX = асинхронный JavaScript и XML（Asynchronous JavaScript and XML）。

кратко,существовать без перезагрузки всей страницы из,AJAX передает данные фоновой загрузки,И отображается на существующей веб-странице.

использовать AJAX из примера приложения: Google Maps、Тенсент Вейбо、Ёку видео、Ренрен и так далее.

Вы можете существовать Справочное руководство по jQuery Ajaxизучатьвстреча jQuery Ajax из Специальное применение.

Вы можете существовать Учебное пособие по AJAXсерединаизучатьприезжать更多иметьзакрывать AJAX из Знаний.

О jQuery и AJAX

jQuery Предоставить несколько AJAX Об изметод.

проходить JQuery AJAX-методы,ты можешьиспользовать HTTP Get и HTTP Post Запрос текста, HTML, XML с удаленного сервера или JSON – В то же время вы можете загрузить эти внешние данные непосредственно на веб-страницу.

Если не использовать jQuery, программирование AJAX все еще остается немного сложным.рутина письмаиз AJAX Код непростой из-за разных браузеров. AJAX реализации не совпадают. Это означает, что вам придется написать дополнительный код для тестирования браузера. Однако jQuery Команда для Мы решили эту проблему, для ее решения нам нужна всего одна простая строка кода AJAX Функция.

метод jQuery load()

метод jQuery load()да Простой, но мощныйиз AJAX метод.load() Сервер методот загружает данные и помещает полученные данные в выбранный элемент.

грамматика：$(selector).load(URL, data, callback);

Необходимый URL Параметры Регулирования, которые вы хотите загрузить из URL。
Необязательный data Параметры Регулированиеипросить отправляются вместе со строкой запроса «ключ/значение верно».
Необязательный callback Параметр да load() метод выполняется после завершения работы функции.

Этот пример документа ("demo_test.txt") имеет содержание:

<h2>jQuery AJAX даиндивидуальный Очень хорошийиз Функция！</h2>
<p id="p1">этотдаабзациз Некоторыйтекст。</p>

Следующий пример будет документировать “demo_test.txt” из контента загружается в указанный из <div> элементсередина：

Пример：$(“#div1”).load(“demo_test.txt”);

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Учебное пособие для новичков(runoob.com)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$("button").click(function(){
		$("#div1").load("/try/ajax/demo_test.txt");
	});
});
</script>
</head>
<body>

<div id="div1"><h2>использовать jQuery AJAX Исправлятьтекстсодержание</h2></div>
<button>получатьвнешнийсодержание</button>

</body>
</html>

Вы также можете поставить селектор jQueryдобавить в прибыть URL параметр.

Ниже приведен пример “demo_test.txt” в файле id=”p1″ изэлементиз контента, загруженного в указанный из <div> элементсередина：

Пример：$(“#div1”).load(“demo_test.txt #p1”);

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").load("/try/ajax/demo_test.txt #p1");
  });
});
</script>
</head>
<body>

<div id="div1"><h2>использовать jQuery AJAX Исправлятьтекст</h2></div>
<button>получатьвнешнийтекст</button>

</body>
</html>

Необязательный callback параметр Когда это предусмотрено load() После завершения функции требуется разрешение метода обратного вызова。функция обратного Вызов может быть настроен по разным параметрам:

responseTxt – Включить При успешном вызове из Содержимое результата
statusTXT – Включить вызов из статуса
xhr – Включать XMLHttpRequest объект

Внизлапшаизпримерребеноквстречасуществовать load() После завершения метода отображается окно подсказки. если load() метод удался,Отобразится сообщение «Внешний контент загружен успешно!»,И если это не удастся,Отображается сообщение об ошибке:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").load("/try/ajax/demo_test.txt",function(responseTxt,statusTxt,xhr){
      if(statusTxt=="success")
        alert("Внешний контент успешно загружен!");
      if(statusTxt=="error")
        alert("Error: "+xhr.status+": "+xhr.statusText);
    });
  });
});
</script>
</head>
<body>

<div id="div1"><h2>использовать jQuery AJAX Исправлять Должентекст</h2></div>
<button>получатьвнешнийсодержание</button>

</body>
</html>

для Чтобы избежать дублирования кода в многостраничных ситуациях,Вы можете использовать метод load(),Выносите повторяющиеся части (например, панель навигации) в отдельный документ.,использовать Импортируется следующий метод:

//1.Текущий в файле Для вставки из места используйте следующую структуру:
<div class="include" file="***.html"></div>

//2. Поместите контент в ***.html, используйте формат html только потому, что у редактора будет помощь в написании. .

//3.Код:
$(".include").each(function() {
    if (!!$(this).attr("file")) {
        var $includeObj = $(this);
        $(this).load($(this).attr("file"), function(html) {
            $includeObj.after(html).remove(); //Загружаем содержимое документа, записываем его под текущую метку и удаляем текущую метку
        })
    }
});
В индексном документе или существовать записываются только повторяющиеся части, а остальные выносятся отдельно. load() Заходите~

AJAX-методы get() и post().

jQuery get() и post() методиспользуется дляпроходить HTTP GET или POST Запрашивает данные запроса с сервера.

HTTP-запросы: GET против POST

И клиентская, и серверная стороны выполняют запрос-ответ с помощью широко используемых методов: GET и POST.

GET – от Уточнить из ресурса просить данные
POST – Отправьте запрос на указанный ресурс дело сиздата

GET В основном используется для получения (извлечения) данных с сервера. Примечание: ПОЛУЧИТЬ методвозможныйвозвращатьсяданные кэша。

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

Чтобы узнать больше о GET и POST а Также Разница между двумя методами Знания, пожалуйста, прочитайте наше из HTTP метод – GET контраст POST。

метод jQuery $.get()

$.get() методпроходить HTTP GET Запрашивает данные запроса с сервера.

грамматика：$.get(URL,callback);

Необходимый URL Параметры Регулирование, которое вы желаете проситьиз URL。
Необязательный callback Параметр дапроситьуспехназад Местоосуществлятьизфункцияимя。

Внизлапшаизпримерребенокиспользовать $.get() методот на сервере из ав файл Получить данные:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Учебное пособие для новичков(runoob.com)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$("button").click(function(){
		$.get("/try/ajax/demo_test.php",function(data,status){
			предупреждение("данные: " + data + "\nСтатус: " + status);
		});
	});
});
</script>
</head>
<body>

<button>отправлятьодин HTTP GET проситьиполучатьвозвращатьсярезультат</button>

</body>
</html>

$.get() методиз параметров

первый Параметр данаснадеятьсяпроситьиз URL（”demo_test.php”）。
Нет.дваиндивидуальный Параметр дафункция обратного вызов. Первый параметр обратного вызова хранит просить страницу с контентом, а второй параметр обратного вызова хранит статус просить.

намекать: этот PHP документ (“demo_test.php”) Что-то вроде этого:

<?php
echo 'Это даотPHPv файл читает данные. ';
?>

метод jQuery $.post()

$.post() методпроходить HTTP POST Запрашивает данные для отправки на сервер.

грамматика：$.post(URL,data,callback);

Необходимый URL Параметры Регулирование, которое вы желаете проситьиз URL。
Необязательный data Параметр Регулирование отправляется вместе с запросом данных.
Необязательный callback Параметр дапроситьуспехназад Местоосуществлятьизфункцияимя。

Внизлапшаизпримерребенокиспользовать $.post() Отправьте данные вместе с запросом:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Учебное пособие для новичков(runoob.com)</title>
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
	$("button").click(function(){
		$.post("/try/ajax/demo_test_post.php",{
			name:"Учебное пособие для новичков",
			url:"http://www.runoob.com"
		},
		function(data,status){
			предупреждение("данные: \n" + data + "\nСтатус: " + status);
		});
	});
});
</script>
</head>
<body>

<button>отправлятьодин HTTP POST проситьстраницаиполучатьвозвращатьсясодержание</button>

</body>
</html>

$.post() изпервый Параметр данаснадеятьсяпроситьиз URL (“demo_test_post.php”)。

Затем мы вместе с запросом(имя и url) для совместной отправки данных.

“demo_test_post.php” серединаиз PHP Скрипт считывает эти параметры, обрабатывает их и возвращает результаты.

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

намекать: этот PHP документ (“demo_test_post.php”) Что-то вроде этого:

<?php
$name = isset($_POST['name']) ? htmlspecialchars($_POST['name']) : '';
$url = isset($_POST['url']) ? htmlspecialchars($_POST['url']) : '';
echo 'Название сайта: ' . $name;
echo "\n";
echo 'URL адрес: ' .$url;
?>

JQuery AJAX-методы

AJAX — это технология обмена данными на стороне сервера, которая позволяет обновлять часть веб-страницы без перезагрузки всей страницы.

В следующей таблице перечислены все методы JQuery AJAX:

метод	описывать
$.ajax()	осуществлятьасинхронный AJAX просить
$.ajaxPrefilter()	существоватькаждыйпроситьотправлять Извпередиодеяло $.ajax() иметь дело с Извперед,иметь дело с Настроить Ajax Вариант или Изменить сохраненный вариант существования
$.ajaxSetup()	длябудущееиз AJAX проситьнастраиватьпо умолчаниюценить
$.ajaxTransport()	Создать дескриптор Ajax Фактическая передача данных из объекта
$.get()	использовать AJAX из HTTP GET проситьот загрузка сервераданные
$.getJSON()	использовать HTTP GET проситьот загрузка сервера JSON Закодированные данные
$.getScript()	использовать AJAX из HTTP GET проситьот загрузка сервераиосуществлять JavaScript
$.param()	Создать сериализованное представление массива или объекта (можно использовать с AJAX запросить URL-адрес строки запроса)
$.post()	использовать AJAX из HTTP POST проситьот загрузка сервераданные
ajaxComplete()	Регулирование AJAX проситьзапустить после завершения функции
ajaxError()	Регулирование AJAX не удалось просить при запуске функции
ajaxSend()	Регулирование AJAX просить отправить Из перед запуском функции
ajaxStart()	Регулированиепервый AJAX проситьстарт при запуске функции
ajaxStop()	Регулированиевсеиз AJAX проситьзапустить после завершения функции
ajaxSuccess()	Регулирование AJAX просить успешно завершено при запуске функции
load()	от Сервер загружает данные,И поместите данные происхождения в указанный изэлемент.
serialize()	Набор элементов формы кодирования для строки для отправки
serializeArray()	Набор элементов формы кодирования для names и values измассив

свойства jQuery

метод	описывать
context	существовать Версия 1.10 был заброшен. содержит передается jQuery из исходного контекста
jquery	Включать jQuery из Номер версии
jQuery.fx.interval	Изменение скорости бега в миллисекундах ианимация
jQuery.fx.off	верновсеанимация глобально отключить или включить
jQuery.support	Включать представляет собой набор различных функций браузера, а также уязвимостей и зсвойств (в основном используется при использовании jQuery).
length	Включать jQuery Количество элементов в объекте
jQuery.cssNumber	Включатьвсе Может НетиспользоватьединицаизCSSсвойствоизобъект

Разные методы jQuery

метод	описывать
data()	Добавить данные к выбранному элементу или получить данные из выбранного элемента
each()	функция, соответствующая элементу
get()	получать Зависит отселекторобозначениеиз DOM элемент
index()	от соответствует элементу при поиске данного элемента
$.noConflict()	Выпуск переменных $ из jQuery контроль
$.param()	Создает сериализованное представление массива или объекта (может быть создано существующим AJAX Используется, когда просить URL в строке запроса)
removeData()	Сохраните данные перед удалением
size()	существовать Версия 1.8 был заброшен. Вернуться, чтобы быть селектор совпадение jQuery из DOM элементизколичество
toArray()	Получить все Включатьсуществовать как массив из jQuery В коллекции извсе DOM элемент
pushStack()	Добавьте коллекцию DOMelement в стек jQuery.
$.when()	Предоставить метод для выполнения одной или нескольких объектизфункций обратного вызова.

Утилиты jQuery

метод	описывать
$.boxModel	существовать Версия 1.8 был заброшен. Определить, отображает ли браузер текущую страницу, используя блочную модель W3C изCSS.
$.browser	существовать Версия 1.9 был заброшен. появился пользователь currentuseiz браузер из соответствующей информации
$.contains()	Определить, не является ли другой DOMэлемента указанным DOMэлементом Потомки.
$.each()	Траверсукажите массив объектов
$.extend()	Объединить содержимое одного или нескольких объектизов с целевым объектом
$.fn.extend()	дляjQuery расширяет один или несколько примеров своего метода
$.globalEval()	Выполнить фрагмент кода JavaScript глобально
$.grep()	фильтривозвращатьсяудовлетворитьобозначениефункцияизмассивэлемент
$.inArray()	Найти указанное значение в массиве существования и получить его из значения индекса (если не найти, появится-1)
$.isArray()	суждениеобозначение Параметр данетдаодинчисло Группа
$.isEmptyObject()	исследоватьобъектданетдлянулевой（Нет Включатьлюбойсвойство）
$.isFunction()	суждениеобозначение Параметр данетдаодинфункция
$.isNumeric()	суждениеобозначение Параметр данетдаодинчисло字ценить
$.isPlainObject()	суждениеобозначение Параметр данетдаодинчистоизобъект
$.isWindow()	суждениеобозначение Параметр данетдаодинокно
$.isXMLDoc()	Определите, находится ли узел DOM в XML-документе.,или сам является XML-документом
$.makeArray()	Воляодиндобрый似число Группаизобъект Конвертироватьдлянастоящийизмассивобъект
$.map()	обозначениефункцияиметь дело счисло Группасерединаизкаждыйэлемент(илиобъектизкаждыйсвойство),и Воляиметь дело срезультат Инкапсуляциядляновыйизмассиввозвращаться
$.merge()	Объединить содержимое массива два с массивом первый.
$.noop()	пустая функция
$.now()	Вернуть текущее время
$.parseHTML()	Преобразование строки HTML анализироватьдляверно в массив узлов изDOM
$.parseJSON()	Конвертировать строку JSON в стандартном формате в дляи Изверно в JavaScriptобъект
$.parseXML()	Преобразовать строку анализироватьдляверно в XML-документ
$.trim()	Удалить пустые символы с обоих концов строки
$.type()	Определить встроенный в JavaScript тип объектиздоброго
$.unique()	существоватьjQuery Устарело в версии 3.0. верно массив DOMelement для сортировки и удаления дубликатов из элемента
$.uniqueSort()	верно массив элементов DOM для сортировки,и удаляем дубликаты изэлемента
$.data()	существоватьобозначениеизэлементначальстводоступданные,ивозвращатьсянастраиватьценить
$.hasData()	Определите, имеет ли элемент связанные данные из jQuery.
$.sub()	Создайте новую копию jQuery.,Его свойствоиметод можно изменить,не затрагивая исходный объект jQuery
$.speed	Создайте набор свойств Изобъект «Включать», чтобы определить пользовательскую анимацию.
$.htmlPrefilter()	проходитьjQueryдействоватьметод ИсправлятьифильтрHTMLнить
$.readyException()	иметь дело с пакетом существует jQuery() Функция синхронизации выдает ошибку

Объект обратного вызова jQuery

jQuery 1.7 Новое добавлено в версию jQuery.Callbacks() Функция,возвращаться Универсальный объект, предоставляющий мощный инструмент для управления списками обратных вызовов. Он может увеличить, удалить, вызвать, отключить функцию обратного вызова。

метод	описывать
$.Callbacks()	Многоцелевой объект списка обратных вызовов,Используется для управления списком функций обратного вызова.
callbacks.add()	существовать回调списоксерединадобавить в обратном вызове или обратном вызове из коллекции
callbacks.disable()	Отключить список обратных вызовов из функции обратного вызова
callbacks.disabled()	Определяет, отключен ли список обратных вызовов
callbacks.empty()	от Очистить список всеиз обратного вызова
callbacks.fire()	Передайте указанные параметры для вызова обратного вызова всеиз.
callbacks.fired()	Определяет, был ли обратный вызов да вызван хотя бы один раз.
callbacks.firewith()	из всех обратных вызовов, заданных из контекста и списка доступа к параметрам
callbacks.has()	В список суждений добавьте функцию обратного вызова
callbacks.lock()	Заблокировать текущее состояние из списка обратных вызовов
callbacks.locked()	Определите, заблокирован ли список обратных вызовов
callbacks.remove()	из списка обратных вызовов изудалить обратный вызов или коллекцию обратных вызовов

Отложенный объект jQuery

существоватьjQuery Представлено в версии 1.5 Deferred Задержка объекта, это вызовы дапроходить jQuery.Deferred() метод создания связываемого из практического объекта. Он может зарегистрировать несколько функций обратного вызов списка обратных вызовов, вызывает список обратных вызовов и передает функцию асинхронной или синхронизации успеха или неудачи из статуса. Задержка объекта может быть связана, добрый похож на jQuery объект может быть связан таким образом, который отличает его от создания объекта сам по себе изметод.существовать Deferred объект Изназад,ты Можно используйте следующий любой метод, прямую ссылку на вызов одного или нескольких изметодов для создания или сохранения изобъекта.

метод	описывать
$.Deferred()	появляется цепочка утилитных объектметодов для регистрации нескольких обратных вызовов.
deferred.always()	добавление вызывается, когда отложенный объект принимается или отклоняется визиметь дело программа
deferred.done()	дополнительный вызывается, когда принимается отложенный объект визиметь дело программа
deferred.fail()	добавление вызывается, когда отклонённый объект отклоняется визиметь дело программа
deferred.isRejected()	Устарело с версии jQuery 1.7, ОК. Deferred объект отклонен
deferred.isResolved()	Устарело с версии jQuery 1.7, ОК. Deferred объектда Нет решено
deferred.notify()	Учитывая параметр,Обратные вызовы прогресса Обратные вызовы прогресса Обратные вызовы прогресса
deferred.notifyWith()	Учитывая контекст и параметры,Обратные вызовы прогресса Обратные вызовы прогресса Обратные вызовы прогресса
deferred.pipe()	фильтр and/or Метод инструмента «Цепная задержка объекта»
deferred.progress()	Обработчик добавления вызывается, когда объект Deferred генерирует уведомление о ходе выполнения.
deferred.promise()	возвращаться Отложенный(задержка)из Promise объект
deferred.reject()	отклонять Deferred (отложенный) объект, и согласно заданным изпараметрам вызывают любые failCallbacks функция обратного вызова
deferred.rejectWith()	отклонять Отложенный (задержка) объект, и согласно заданному из context и args параметры вызывают любые failCallbacks функция обратного вызова
deferred.resolve()	решатьDeferred (отложенный) объект, и согласно заданным изпараметрам вызывают любые doneCallbacks функция обратного вызова
deferred.resolveWith()	решать Отложенный (задержка) объект, и согласно заданному изcontext и args параметры вызывают любые doneCallbacks функция обратного вызова
deferred.state()	Определить текущий статус Deferred (задержки)
deferred.then()	Вызовите добавление, когда отложенное задание решено и отклонять все еще продолжается. виметь дело программа
.promise()	возвращатьсяодин Promise объект,Заметьте, что определенный тип доброго привязан к множеству извсех действий.,дабыл добавлен в очередь

плагин jQuery

jQuery Validate

jQuery Validate：jQuery Validate | Учебное пособие для новичков

jQuery Validate Форма плагиндля предоставляет мощные функции проверки, упрощающие проверку формы на стороне клиента. Она также предоставляет большое количество параметров настройки для удовлетворения различных потребностей приложений. Плагин объединяет набор полезных методов проверки, в том числе URL и Проверка электронной почты также предоставляет определяемый пользователем метод. API. метод allizbundle defaultиспользует английский язык как сообщение об ошибке и переведен на другие языки. 37 язык.

Долженплагинда Зависит от Jörn Zaefferer Подготовка и обслуживание, он да jQuery Член команды, да jQuery UI Команда главного разработчика, да QUnit из Обслуживающий персонал. Плагинсуществовать 2006 Год jQuery Он начал появляться еще в первые дни и обновляется по сей день. Текущая версия да 1.14.0。

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

Учебное пособие для новичковпоставлятьиз 1.14.0 Версияскачатьадрес：http://static.runoob.com/download/jquery-validation-1.14.0.zip

Плагин jQuery Cookie

jQuery Можетпроходить jquery.cookie.js Плагин для работы Cookie。

официальный адрес：jQuery Cookie | jQuery Plugin Registry

Адрес Гитхаба：GitHub – carhartl/jquery-cookie: No longer maintained, superseded by JS Cookie:

использовать jquery.cookie.js Из необходимо представить в первую очередь jQuery：

<script src="/path/to/jquery.min.js"></script>
<script src="/path/to/jquery.cookie.js"></script>

Мы можем использовать сторонние ресурсы. Библиотека представляет этот два документа:

<script src="https://cdn.staticfile.org/jquery/3.4.0/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

Плагин древовидного меню jQuery (Treeview)

：Плагин древовидного меню jQuery (Treeview) | Учебное пособие для новичков

jQuery Treeview Предоставляет неупорядоченное гибкое складное древовидное меню. Подходит для некоторых меню навигации, поддержка на основе cookie меню персистентности.

пример jQuery

селектор jQuery

$(this).hide() Демо jQuery из hide() функция,скрыватьтекущийиз HTML элемент。
$(“p”).hide() Демо jQuery из hide() функция,скрыватьвсе <p> элемент。
$(“.test”).hide() Демо jQuery из hide() функция,скрыватьвсе class=”test” изэлемент。
$(“#test”).hide() Демо jQuery из hide() функция,скрывать id=”test” изэлемент。

события jQuery

jQuery click() Демо jQuery jQuery click() событие.
jQuery dblclick() Демо jQuery dblclick() событие。
jQuery mouseenter() Демо jQuery mouseenter() событие。
jQuery mouseleave() Демо jQuery mouseleave() событие。
jQuery mousedown() Демо jQuery mousedown() событие。
jQuery mouseup() Демо jQuery mouseup() событие。
jQuery hover() Демо jQuery hover () событие。
jQuery focus() и blur() Демо jQuery focus() и blur() событие。
Примеранализировать

jQuery скрыть/показать

jQuery hide() Демо jQuery hide() метод.
jQuery hide() и show() ДемоjQuery hide() и show() метод.
jQuery toggle() jQuery toggle() для переключения hide() и show() метод.
jQuery hide() Еще один раскрывающий текст из Пример.
Примеранализировать

jQuery появляется и исчезает

jQuery fadeIn() Демо jQuery fadeIn() метод.
jQuery fadeOut() Демо jQuery fadeOut() метод.
jQuery fadeToggle() Демо jQuery fadeToggle() метод.
jQuery fadeTo() Демо jQuery fadeTo() метод.
Примеранализировать

слайд jQuery

jQuery slideDown() Демо jQuery slideDown() метод.
jQuery slideUp() Демо jQuery slideUp() метод.
jQuery slideToggle() Демо jQuery slideToggle() метод.
Примеранализировать

jQuery-анимация

jQuery animate() Демо SIMPLE из jQuery animate() метод.
jQuery animate() – настраиватьнесколькоcssсвойство Демопроходить jQuery animate() метод Измените стиль.
jQuery animate() – использовать связанные значения Демонравитьсячтосуществовать jQuery animate() методсерединаиспользовать Взаимнозакрыватьценить.
jQuery animate() – использовать предопределенное значение Демопроходить animate() методпредопределенный “hide”, “show”, “toggle” ценить.
jQuery animate() Демо Подробнее jQuery animate() метод Пример
jQuery animate() Демо Подробнее jQuery animate() метод Пример (Несколько animate() перезвонить).
Пример анализировать

jQuery остановить анимацию

jQuery стоп() слайд Демо jQuery stop() метод.
анимация jQuery stop() (с параметрами) Демо jQuery stop() метод.
Примеранализировать

Получение HTML-кода jQuery и атрибуты

jQuery text() и html() – получать текстовый контент использоватьjQuery text() и html() метод получения контента。
jQuery val() – получить значение использоватьjQuery val() методполучатьформаиз Полеценить.
jQuery attr() – получатьсвойствоценить использоватьjQuery attr() методполучатьсвойствоценить.
Примеранализировать

jQuery HTML-настройка содержимого и атрибутов

jQuery text(), html(), и val() – Установить контент использовать jQuery text(), html() и val() метод Установить контент 。
jQuery text() и html() – Установить контентииспользоватьфункция обратного вызова использовать text() и html() Установить контентииспользоватьфункция обратного вызова
jQuery attr() – настраиватьсвойствоценить использовать jQuery attr() методнастраиватьсвойствоценить 。
jQuery attr() – настраивать Несколько значений свойств использоватьjQuery attr() методнастраиватьнесколькосвойствоценить.
jQuery attr() – настраиватьсвойствоценитьииспользоватьфункция обратного вызова настраиватьсвойствоценить + ииспользоватьфункция обратного вызовавызовattr().
Примеранализировать

jQuery HTML добавить вэлемент/содержание

jQuery append() существовать Выбиратьэлементизконецдобавить в контенте
jQuery prepend() существовать Выбиратьэлементизначалодобавить в контенте
jQuery append() -Вставить несколько элементов Инновации новые из text/HTML элемент,jQuery и JavaScript/DOM。добавить всуществоватьновыйэлементтекстназад。
jQuery after() и before() существовать Выбиратьэлементизвпередназаддобавить в HTML　элемент。
jQuery after() – Вставить несколько элементов Инновации новые из text/HTML элемент,jQueryи JavaScript/DOM。существовать Выбиратьэлементизконецвставлятьновыйэлемент。
Примеранализировать

jQuery HTML Удалить элемент/содержимое

jQuery remove() Удалять Выбиратьизэлемент
jQuery empty() Удалять Выбиратьэлементизвсеребенокэлемент
jQuery remove() – использоватьпараметр фильтрэлементи Удалять
Примеранализировать

jQuery Получение и установка классов CSS

jQuery addClass() Неттакой жеэлементдобавить в class свойство
jQuery addClass() – Несколько добрый использовать addClass() методдобавить в Несколько добрый
jQuery removeClass() Удалятьобозначениеэлементиздобрый
jQuery toggleClass() существовать Выбиратьизэлементвыключатель（добавить в/удалить）добрый
Примеранализировать

метод jQuery css()

jQuery css() – возвращаться CSS свойство возвращатьсяпервыйсоответствоватьэлементизcssсвойствоценить
jQuery css() – настраивать CSS свойство настраивать все Конфигурацияэлементобозначениеиз CSS свойство
jQuery css() – настраивать CSS свойство настраиватьнесколькосоответствоватьэлементиз CSS свойство
Примеранализировать

размер jQuery

jQuery – возвращаться width() и height() возвращатьсяобозначениеэлементиз width и height
jQuery – возвращаться innerWidth() и innerHeight() возвращатьсяобозначениеэлементиз inner-width/height
jQuery – возвращаться outerWidth() и outerHeight() возвращатьсяобозначениеэлементиз outer-width/height
jQuery – возвращаться outerWidth(true) и outerHeight(true) возвращатьсяобозначениеэлементиз outer-width/height (Включать внешнюю границу)
jQuery – возвращаться width() и height() of document и window возвращаться HTML Документ и окно из width и height
jQuery – настраивать width() и height() настраиватьобозначениеэлементиз width и height
Примеранализировать

обход jQuery – предок

jQuery parent() Демо jQuery parent() метод.
jQuery parents() Демо jQuery parents() метод.
jQuery parentsUntil() Демо jQuery parentsUntil() метод.
Примеранализировать

обход jQuery – Потомки

jQuery children() Демо jQuery children() метод.
jQuery find() Демо jQuery find() метод.
Примеранализировать

обход jQuery – братья и сестры

jQuery siblings() Демо jQuery siblings() метод.
jQuery next() Демо jQuery next() метод.
jQuery nextAll() Демо jQuery nextAll() метод.
jQuery nextUntil() Демо jQuery nextUntil() метод.
Примеранализировать

Метод jQuery AJAX load()

jQuery load() асинхронный загружает содержимое документа и вставляет его в <div> элементсередина。
jQuery load() асинхронный загружает указанное содержимое элемента в содержимое документа и вставляет его в <div> элемент.
jQuery load() – использоватьфункция обратного вызова(callback) использовать метод jQuery load()изфункция обратного вызова。
Примеранализировать

jQuery AJAX методы get() и post()

jQuery get() использовать $.get() методотсерверасинхронныйполучать данные
jQuery post() использовать $.post() методотсерверасинхронныйполучать данные
Примеранализировать

Другие случаи

Динамические частицы jQuery Эффект

Справочное руководство по jQuery

Издатель: Лидер стека программистов полного стека, укажите источник для перепечатки: https://javaforall.cn/139720.html Исходная ссылка: https://javaforall.cn

Рекомендация