содержимое файла ajax.php

<?php
echo '<p class="ajax">Этот абзац загружен с помощью AJAX</p>',
'<pre>GET variables: ', print_r($_GET, TRUE), '</pre>',
'<pre>POST variables: ', print_r($_POST, TRUE), '</pre>';
?>

Подробнее...

 

СОБЫТИЯ БРАУЗЕРА

.error()
запускается при возникновении ошибки
можно к нему привязать функцию
Пример: создадим дескриптор с несуществующим изображением и выведем уведомление

$("<img/>", {
             "src":"not/an/image.png",
             "alt":"Меня нету"
              })
               .error( function() {
                         console.log("Точчно говорю - нэмае!");
                        })
                        .appendTo("span.foo");

 

.scroll() 

на прокрутку. Срабатывает на шаг колесика

$(window)
            .scroll(function(){
                     console.log("Мы прокручиваемся, ахтунг!")
                      });

Подробнее...

 

.show() и .hide()
добавляют или удаляют свойство display:none в атрибут
в качестве парпметров можно передавать длительность операции в мс и функцию обратного вызова, кот исполняется по завершению операции

//пример раз
$('.foo').hide(2000,function(){
       alert("Усе готово, шеф!");
       });
//пример два
$('.foo')
   .css({
      "background":"yellow",
      "border":"2px solid green"
       })
  .hide(1500, function(){
       $('.foo').show(2000);
      });
//вариант вставки скрипта в html
<script type='text/javascript'>
$(function (){
     $('.foo').hide(2000,function(){
          alert("Усе готово, шеф!");
                     });
          });
</script>

 

Подробнее...

 

.map() и .each()
позволяют применитьнекую функцию ко всем элементам набора. Функция должна иметь два аргумента: индекс текущего элемента и текущйи DOM-элемент
map() возвращает новый объект, .each() - текущий, поэтому .each() можно включать в цепочки вызовов, .map() - нельзя
Пример: найдем все абзацы и элементы с классом .foo и присоединим к ним имя дескриптора и индекс элемента

$("p, .foo").map(function(index,ele){
             $(this).append(" "+ele.tagName+" "+index);
});

пример с дальнейшей обработкой

$("p, .foo").each(function(index,ele){
                 $(this).append(" "+ele.tagName+" "+index);
                  })
                  .find("span.foo")
                                         .css({
                                               "color":"red",
                                               "background":"yellow"
                                                });

 

 

.attr() - для работы с атрибутами.
Позволяет прочитать аттрибут по его имени, передаваемому в качестве параметра, позволяет установить атрибут, передавая имя аттрибута в качестве первого параметра, а значение в качестве второго.

$("p:eq(3)").attr("id"); //получаем id последнего абзаца $("#bar").attr("id","bat");//меняем значение id последнего абзаца с #bar на #bat 

Использование формата Json позволяет задать сразу несколько атрибутов 

$("p:eq(3)").attr({
"id":"baz",
"title":"А это второй установленный атрибут:)" 
});

 

Подробнее...

1) создание элемента

$("<p>");
$('<p class="bat">Это новый абзац!</p>');

с версии jquery 1.4 можно добавлять атрибуты

$("<p>", {
"class":"bat",
"text":"Это новый абзац!"
});

Подробнее...

 1) Сокращаем выбранные элементы до одного по индексу (отсчет с нуля)

$("p").eq(1);

   отсчет с конца ведется с помощью знака минус (третий с конца)

$("p").eq(-3);

2) Выбор среди уже отобранных элементов .filter() и .not();

$("p").filter(".foo");
$("p").not(".foo");

Подробнее...

1) по типу дескриптора 

$("p");
$('p');

2) по классу 

$(".foo");

3) по ID 

$("#bar");

4) комбинированный выбор 

$("p.foo");

 

Подробнее...

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

<script>
// <![CDATA[
if(typeof jQuery == 'undefined'){
   document.write('<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>');
}
// ]]>
</script>

 вариант вставки скрипта в html

<script type='text/javascript'>
		$(function (){
		//здесь ваш код			
				});
</script>