Изучите основные функции jQuery уже сегодня.
jQuery(выражение,[контекст])
Эта функция принимает строку, содержащую селектор CSS, и использует эту строку для сопоставления набора элементов.
С помощью этой функции реализуются основные функции jQuery. Все в jQuery основано на этой функции или каким-то образом использует ее. Самое простое использование этой функции — передать ей выражение (обычно состоящее из селектора CSS), а затем найти все соответствующие элементы на основе этого выражения.
По умолчанию, если параметр context не указан, $() будет искать элементы DOM в текущем документе HTML; если указан параметр context, например набор элементов DOM или объект jQuery, он будет искать в этом контексте. (Извлечено из API jQuery)
Без лишних слов, давайте просто посмотрим на пример:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=" http ://www.w3.org/1999/xhtml"><head><title>Привет, мир jQuery</title><style>.showtext{background:#999999; цвет:#990000; шрифт-вес:800; ширина :auto; высота: 40 пикселей;}.showtext3 { цвет: # 0000FF; ширина шрифта: авто; высота: 30 пикселей; </style><script type="text/javascript" src ="jquery-1.3.2-vsdoc2.js"></script></head><body><div id="divMsg" style="color:#FF0000; font-size:18px; Font-family:'新宋体'">Непреднамеренное тестирование JQuery!</div><input id="btnShow" type="button" value="Show" /> <input id="btnHide" type="button" value="Hide" / ><br /> <input id="btnChange" type="button" value="Изменить содержимое на Hello World jQuery!" /> <input id="btnChange2" type="button" value="Изменить содержимое" к непреднамеренному тестированию JQuery!!" /> <script type="text/javascript">$("#btnShow").bind("click",function(event){$("#divMsg").show("fast ")} ); $("#btnHide").bind("click",function(event){$("#divMsg").hide("slow")}); $("#btnChange").bind ("click", function(event) { $("#divMsg").html("Hello World jQuery!"); }); $("#btnChange2").bind("click",function(event){ $(" #divMsg").html("Непреднамеренно тестируем JQuery!!");});</script> <h4>Кстати, позвольте мне представить мою старшую группу QQ 67221760 (группу биржевой торговли)! </h4> <div><p>Я сегодня опаздываю на работу! </p></div><div></div><div><p>Но вести блог нужно вовремя</p></div><div><p>Не имеет значения, вычитаете ли вы ваша зарплата</p> </div><span>99999999999999999999</span><span class="showtext2">3333333333333333333</span><script Language="javascript">$( function() { //Сопоставить все диапазоны elements, var showText= $("span"); //Добавляем атрибут class ко всем элементам диапазона showText.addClass("showtext"); //Сопоставляем все элементы, содержащие p в div var selectDiv=$("div p"); ); // Назначение содержимого showtext showText.text("Что делать, если автобус № 93 не приходит" //Добавляем атрибут class к элементу selectDiv selectDiv.addClass("showtext3"); // Выбор элементов по именам классов CSS var selectByClass=$ (".showtext2"); selectByClass.text("Позвольте мне сначала сказать, что я встал очень рано." })</script></body></html>