Как работает jQuery?
Многие веб-мастера используют фреймворк jQuery при создании своих сайтов, однако иногда очень важно не только использовать готовые решения, но и понимать, как это все работает.
Если начать разбираться с самого простого, то стоит обратить внимание на то, как веб-программисты выполняют javascript код после загрузки интернет страницы:
window.onload = function(){ alert("Всем привет"); }
Данный javascript код вызовет предупреждающее сообщение с названием «Всем привет» после полной загрузки страницы.
Что касается jQuery, то аналогичной конструкцией будет данный скрипт:
$(document).ready(function(){
// Здесь можно писать jQuery код
});
Другой распространенной задачей является добавление класса, к какому либо элементу. Для этой не сложной операции лучше всего подходят css стили, однако часто бывает, что необходимо запрограммировать изменение стиля у одного элемента при клике на другой элемент, и тут без скрипта вам не обойтись без jQuery.
При использовании css стилей можно между тегами <head> добавить:
<style>
a.link { font-weight: bold; }
</style>
Тоже самое при использовании самого лучшего javascript фреймворка:
$("a").addClass("link");
Убрать класс можно следующим образом:
$("a").removeClass("link");
В jQuery есть встроенные эффекты, такbе как show и hide. Например, если необходимо после клика по ссылке медленно её убрать, то подойдет подобный скрипт:
$("a").click(function(){
preventDefault(); //Убирает стандартное действие, т.е. при клике по ссылке веб-браузер не будет загружать ее содержимое
$(this).hide("slow"); //This означает «это». Получается: тот элемент, по которому кликнули необходимо свернуть медленно
});
Предлагаю также почитать что такое файловый менеджер и как с ним работать.