3) Что такое jQuery?

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

Первый довод за использование jQuery — кроссбраузерность. Реально, вы знаете сколько разных синтаксисов у JS? Туча! Чего стоят хотя бы способы работы с Ajax. Во всех браузерах работа эта организована по-разному. С jQuery все единообразно.

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

В общем, аякс на jQuery сделан очень просто и понятно. Это две функции get() и post() для разных методов отправки данных соответственно.

Третий довод — прозиводительность. Я использую jQuery и никуда не хочу с него слезать. Существует множество других фреймворков, которые делают примерно то же самое. Но jQuery самый быстрый из них.

Четвертый довод — общедоступность и распространение. На данный момент jQuery используют Яндекс и Google. И брать ее можно с их серверов. Например, вот JavaScript-хостинг Яндекса. Для того, чтобы подключить jQuery на любую вашу страницу достаточно просто вставить строку:

<script type="text/javascript" src="http://yandex.st/jquery/1.6.0/jquery.min.js"></script>

Все. Теперь jQuery у вас подключена. Можно пользоваться.

Пятый довод — это наличие не большого, а просто огромного количества плагинов для jQuery. Хотите фотогалерею? Тыщи их! Хотите возможность делать диалоговые окна? Тултипы? Балуны? Экранные лупы? Клавиатуры? Пользовательские интерфейсы? Что? Что вам надо? Я уверен, jQuery это умеет — надо лишь найти плагин.

86.How JavaScript and jQuery are different?

которая создана для взаимодействия JavaScript и HTML. Автором JQuery является молодой программист Джон Резиг, в прошлом работавший в Mozilla Corporation. В настоящее время поддержкой JQuery занимается команда JQuery Team под его руководством.

Библиотека быстро завоевала признание программистов по всему миру, благодаря упрощенной разработке веб-приложений и возможности избавиться от «синтаксической шелухи», присущей проектам на JavaScript (JS). За девять лет, прошедших со дня первой презентации JQuery в начале 2006 года, библиотека непрерывно совершенствовалась, постепенно обрастая дополнительными модулями (плагинами), предложенными сторонними разработчиками. Также во всех популярных CSS-фреймворкахможно встретить использование jQuery.

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

Скорость написания кода

При помощи JQuery код пишется намного легче и быстрее, чем на «голом» JavaScript. Это позволяет разработчику сэкономить массу времени при разработке проекта.

Легкость понимания

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

Кроссбраузерность

Проект, разработанный в JQuery будет работать в любых современных браузерах почти со стопроцентной вероятностью. Обычный JavaScript не дает такой гарантии – не исключено, что ваш код на JavaScript, написанный под Firefox и прекрасно работающий на этом браузере, не будет работать у Васи из Волгограда или Пети из Архангельска просто потому, что они привыкли к Опере или Google Chrome. JQuery позволяет избежать таких ловушек уже на этапе проектирования.

Поддержка

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

Документация

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

Использование

Фреймворком JQuery пользуются в своих проектах признанные мировые компании, как Microsoft, Google, и многие российские, такие как Яндекс.

Возможности

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

Конкурентоспособность

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

87.Can we have multiple document.ready() function on the same page?

Это здорово , чтобы иметь возможность сгруппировать ваши функции в файле или даже в нескольких файлах, и гибкая Jquery в $(document).ready()функция позволяет сделать это, боль бесплатно. Можно, например, есть один .js файл , который загружается на каждой странице, а другой , который загружается только на главной странице, оба из которых назвали бы $(document).ready(). Таким образом, внутри <head>тега вашей домашней страницы, вы бы три ссылки на файлы JavaScript в целом, например , так:

 ПРОСТОЙ ТЕКСТ HTML: <сценарий SRC = "/js/jquery.js" тип = "текст / JavaScript" > < / скрипт> <сценарий SRC = "/js/common.js" тип = "текст / JavaScript" > < / скрипт> <сценарий SRC = "/js/homepage.js" тип = "текст / JavaScript" > < / скрипт> Вы также можете сделать что - то подобное внутри одного .js файла: ПРОСТОЙ ТЕКСТ JavaScript: $ ( Документ ) . готовы ( функция ( ) { // Некоторый код здесь } ) ; $ ( Документ ) . готовы ( функция ( ) { // Другой код здесь } ) ;

88.What is jQuery .noConflict?

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

Если по какой-то причине вы запускаете несколько версий jQuery (что не рекомендуется), вызов $.noConflict(true) приведёт к возврату объекта jQeury первой подключённой версии.

1 <script type="text/javascript" src="other_lib.js"></script>

2 <script type="text/javascript" src="jquery.js"></script>

3 <script type="text/javascript">

4 $.noConflict();

5 // код, который использует другую библиотеку с $.

6 </script>

Эту технику удобно применить, если использовать сразу несколько библиотек:

1 <script type="text/javascript" src="other_lib.js"></script>

2 <script type="text/javascript" src="jquery.js"></script>

3 <script type="text/javascript">

4 $.noConflict();

5 jQuery(document).ready(function($) {

6 // используем jQuery с $

7 });

8 // используем другую библиотеку с $

9 </script>

Примеры

Пример: используем одновременно jQuery и другую библиотеку с $:

view source

print?

1 jQuery.noConflict();

2 // делаем что-то на jQuery

3 jQuery("div p").hide();

4 // делаем что-то с помощью другой библиотеки, использующей $()

5

89.What are selectors in jQuery and how many types of selectors are there?

Селекторами называют строчные выражения, с помощью которых задаются условия поиска элементов DOM на странице. Вы можете находить интересующие вас элементы, используя выражения в стиле CSS 1-3, в дополнении с некоторыми другими возможностями. Селекторы позволяют находить элементы по различным признакам: значению атрибутов, содержимому элементов, родительским элементам, дочерним элементам, порядковым номерам, ну и конечно по именам классов, идентификаторов и/или тегов.

Например выражение $('div') осуществит поиск всех div-элементов на странице, $('.className') найдет все элементы с классом className и т. д. В данном примере селекторами являются строки 'div' и '.className', а $( ) — это функция, которая осуществляет поиск элементов по заданному селектору (а так же имеет массу других возможностей). Ниже представлены все организованные в jQuery селекторы и правила их комбинирования.

Список селекторов

Базовые

"*"

все элементы

".className"

элементы с классом className

"#idName"

элемент (один!) с идентификатором idName

"tagName"

элементы с заданным именем тега

Комбинированные селекторы

Селекторы, находящиеся в одном выражении, взаимодействуют между собой практически так же, как в правилах CSS

"first, second, ..."

элементы удовлетворяющие любому из селекторов first, second, ...

"outer inner"

элементы из inner, которые являются потомками (т.е. лежат внутри) элементов из

"parent > child"

элементы из child, которые являются прямыми потомками элементов из parent

"prev + next"

элементы из next, которые следуют непосредственно за элементами из prev

"prev ~ next"

элементы из next, которые следуют за элементами из prev

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

"[name]"

элементы, содержащие атрибут name

"[name = value]"

элементы, у которых значение атрибута name совпадает с value

"[name != value]"

элементы, у которых значение атрибута name не совпадает с value

"[name ^= value]"

элементы, у которых значение атрибута name начинается с value

"[name $= value]"

элементы, у которых значение атрибута name заканчивается на value

"[name *= value]"

элементы, у которых значение атрибута name содержит подстроку value

"[name ~= value]"

элементы, у которых значение атрибута name содержит слово value

"[name |= value]"

элементы, у которых значение атрибута name имеют префикс value (равен value или имеет вид: "value-*")

"[first][second][..."

элементы, соответствующие всем заданным условиям на атрибуты одновременно

Простые фильтры

Фильтры, с помощью которых можно уточнить результат других селекторов. По назначению и синтаксису они очень похожи на псевдоклассы в CSS

":focus"

элемент, находящийся в фокусе

":first"

первый найденный элемент

":last"

последний найденный элемент

":eq( )"

элемент идущий под заданным номером среди выбранных

":not(selector)"

все найденные элементы, кроме указанных в selector

":even"

элементы с четными номерами позиций, в наборе выбранных элементов

":odd"

элементы с нечетными номерами позиций, в наборе выбранных элементов

":gt( )"

элементы с индексом превышающим n

":lt( )"

элементы с индексом меньшим, чем n

":header"

элементы, являющиеся заголовками (с тегами h1, h2 и.т.д.)

":animated"

элементы, которые в данный момент задействованы в анимации

":hidden"

невидимые элементы страницы

":visible"

видимые элементы страницы

":lang(language)"

элементы, в которых указаны языки содержимого

":root"

элемент, который является корневым в документе.

Фильтры по содержимому

":contains(text)"

элементы, содержащие заданный текст

":empty"

элементы без содержимого (без текста и других элементов)

":has(selector)"

элементы, которые содержат хотя бы один элемент из selector

":parent"

непустые элементы

Фильтры дочерних элементов

Данные селекторы отфильтровывают элементы по их расположению в родительских элементах

":first-child"

элементы, расположенные первыми в своих родительских элементах

":last-child"

элементы, расположенные последними в своих родительских элементах

":nth-child( )"

":nth-child-last( )"

элементы, расположенные определенным образом в родительских элементах (четные, нечетные, идущие под заданным номером)

":only-child"

элементы, являющиеся единственными потомками в своих родительских элементах

":only-of-type"

элементы, являющиеся единственными, удовлетворяющими селектору, потомками в своих родительских элементах

":first-of-type"

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

":last-of-type"

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

":nth-first-of-type( )"

":nth-last-of-type( )"

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

Фильтры элементов форм

":button"

элементы с тегом button или типом button

":radio"

элементы, являющиеся переключателями

":checkbox"

элементы, являющиеся флажками

":text"

элементы, являющиеся текстовыми полями

":password"

элементы, являющиеся полями ввода пароля

":file"

элементы, являющиеся полями загрузки файлов

":submit"

элементы, являющиеся кнопками отправки формы

":reset"

элементы, являющиеся кнопками очистки формы

":image"

элементы, являющиеся изображениями для отправки формы (input типа image)

":input"

элементы, являющиеся элементами формы (с тегами input, textarea или button)

":selected"

выбранные элементы (со статусом selected). Это могут быть элементы типа <option>.

":focus"

элементы формы, находящиеся в фокусе.

":checked"

выбранные элементы (со статусом checked). Это могут быть элементы типа <checkbox> или <radio>.

":enabled"

активные элементы формы (со статусом enabled)

":disabled"

неактивные элементы формы (со статусом disabled) $("content").style.display = 'none';

90. JavaScipt всегда быстро. метод JQuery для выбора txtName "$ ( '# txtName')" будет внутренне делает вызов document.getElementById ( 'txtName').

Как Jquery написано на вершине JavaScript и внутренне использует JavaScript только JavaScript Так всегда быстро.

What is the difference between eq() and get() methods in jQuery?

.get()и .eq()оба возвращают один "элемент" из массива объекта JQuery, но они возвращают один элемент в различных формах.

.eq() возвращает его как объект JQuery, то есть элемент DOM, завернутый в обертку Jquery, что означает, что он принимает функции JQuery.

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

What is the difference between .empty(), .remove() and .detach() methods in jQuery?

Вы знаете , что Jquery предоставляет различные методы для удаления элементов из DOM ? Эти методы являются .empty () , .remove () и .detach () . И в этом посте я покажу вам , как эти методы ( .empty против .remove против .detach ) отличаются друг от друга.  .empty () : Этот метод удаляет все дочерний элемент согласованного элемента , в котором метод удаления () удаляет набора соответствующих элементов из DOM.  .remove () : Этот метод принимает элементы выхода из DOM. Используйте .remove () , если вы хотите удалить сам элемент, а также все , что внутри него. Помимо самих элементов, все связанные события и данные , связанные с Jquery элементами, удаляются. 

Хорошо, так что есть разница между .empty () и .remove (). Так что теперь вы можете быть удивлены , что такое .detach () ?  .detach () : Этот метод является такой же , как .remove (), за исключением того , .detach () хранит все данные , связанные с Jquery удаленных элементов. Этот метод полезен , когда удаленные элементы должны быть повторно вставлены в DOM в более позднее время. 

What is the difference between $('div') and $('

') in jQuery?

Разница между $ ( 'DIV') и $ ( '<DIV />') , если он используется в качестве селектора. Для того, чтобы объяснить больше, взгляните на код , приведенный ниже.

1	<font><font>$ ( '<DIV />') addClass ( "тест").</font></font><font></font><font><font>
2	$ ( 'DIV') addClass ( 'Test').</font></font><font></font>

$ ( '<DIV />') : Это создает новый элемент DIV. Однако это не добавляется в DOM дерево , если вы не добавить его к любому элементу DOM.  $ ( 'DIV') : Это выбирает все Div элемент , присутствующий на этой странице.  Таким образом, код $ ( '<DIV />'). AddClass ( "тест") создаст новый Div элемент и добавляет CSS класс , называемый "тест". И $ ( 'DIV'). AddClass ( "тест") будет выбрать все Div элемент , присутствующий на странице и добавляет класс CSS "тест" для них.  Как уже упоминалось ранее , что при использовании $ ( '<DIV />') , только новый элемент получает создан , но он все еще не добавлен в DOM. Один должен добавить его к любому другому элементу. Например, чтобы добавить этот вновь созданный DIV к телу, используйте ниже JQuery кода.  $ ( '<DIV />'). addClass ( "тест"). appendTo ( «тело»)

What is the difference between jquery.size() and jquery.length?

Метод Jquery .size () возвращает число элементов в объекте. Но это не является предпочтительным использовать метод размер (), как JQuery обеспечивают .Length свойство и который делает то же самое. Но .length свойство является предпочтительным, поскольку он не имеет накладных расходов на вызов функции

В JQuery обе работы и дает тот же результат, но теперь время в текущей версии JQuery мы используем jquery.length, потому что jquery.size амортизируется.

Ниже в некоторые моменты об этом свойства:

1. jquery.size () и jquery.length () и возвращает количество элементов в объекте.

2. jquery.length () свойство быстрее по сравнению с jquery.size () метод.

3. jquery.length () свойство предпочитаемое по сравнению с размером (), так как он не имеет накладных расходов на вызов функции.

4. Очень существенная разница в том, что jquery.size () амортизируется таким образом, мы всегда используем jquery.length () вместо jquery.size ().

5. Для примеров: Считает количество неупорядоченного списка Ли на странице , чтобы продемонстрировать то же самое в соответствии с документацией Jquery.

$ ( 'Ли') размер ().

. $ ( 'Ли') длина; // быстрее

В приведенном выше примере, говорит о том, что свойство jquery.length () следует предпочитаемое над функцией jquery.size (), и он не над головой вызов функции, так что становится быстрее по сравнению с размером ()

1. Метод jquery.size () не принимает никаких аргументов.

How do you check if an element exists or not in jQuery?

49вниз голосования

Самый быстрый и самый семантически самостоятельно объяснить способ проверить существование на самом деле с помощью простой JavaScript: if (document.getElementById('element_id')) { // Do something } Это немного больше времени, чтобы написать, чем длина альтернативы JQuery, но выполняется быстрее, так как он является родным метод JS. И это лучше, чем альтернатива написания своей собственной функции JQuery. Эта альтернатива медленнее.  Но было бы также дать другим программистам впечатление, что существует () функция что-то присущее JQuery. JavaScript будет / должен быть понято другими редактирования кода, без увеличения долга знаний. NB: Обратите внимание на отсутствие '#' перед ELEMENT_ID (так как это обычный JS, не JQuery).

вниз голосования

Зависит от того, что вы делаете после того, если заявление. Думайте об этом , как это. Любой вызов селектора JQuery возвращает объект Jquery , что в основном массив расширен с кучей различных методов. Когда вы вызываете что - то вроде $(".my-elements").show()это будет цикл по любой элементы $(".my-elements")возвращаются и применить .show()к ним затем вернуть тот же объект Jquery который является , как JQuery цепи. Если вы просто делаете змеевидных вещи , то нет, вам не нужно делать Если результат проверки. Поскольку все последующие методы будут просто сделать эквивалент петли , чтобы for (var i=0; i<0; i++){ }это значит , ничего не произойдет. Если у вас есть большая цепь и вы запускаете его в большом цикле , который должен быть очень производительным, вы можете захотеть сделать Если результат проверки, но в целом это не имеет никакого значения с точки зрения производительности. Однако, если вы делаете что-то, что будет сгенерировано сообщение об ошибке или дать вам плохой результат, если элемент не существует, то да, если использовать чек. Например function addHeight() { var height1 = $("#div1").height(), height2 = $("#div2").height(); $("#otherDiv").css({ top: height1 + height2 }); } Если div1или div2не существует otherDivполучите это топ - сет на NaNкоторый, вероятно , не то , что вы собираетесь. В этом случае вы хотели бы проверить , что как div1и на div2самом деле существуют, но вы до сих пор на самом деле не нужно проверять , otherDivпотому что , если он не существует ничего не произойдет в любом случае.