реклама: Лучший способ как быстро похудеть отвечают специалисты

Как и обещал, в новом году расскажу про jquery. Этому будет посвящена целая серия постов, т.к. рассказать можно много интересного.

Что такое jquery? Простым языком – это javascript-файл, который можно включать в html-код. Jquery – это огромная библиотека, весит всего 30 кб, при этом в неё заложены куча сложных функций и эффектов, вызвать которые можно одной строкой кода. Эти возможности уже обкатаны тысячами программистов и корректно работают в любых браузерах.

Все манипуляции с jquery, как правило записываются в виде 

 
<script type="text/javascript"> $(document).ready(function(){....});</script>

, тоесть, когда документ загрузился и готов к работе.

Разберем простой пример: допустим у нас есть ссылка и мы хотим получать alert при клике на неё.

 
<html>
  <head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
 
$(document).ready(function(){
 $("a").click(function(event){
   alert("Thanks for visiting!");
 });
 
 });
 </script>
  </head>
  <body>
    <a href="http://jquery.com/" target='blank'>jQuery</a>
  </body>
  </html>
 

В данном примере  $("a") означает, что действие применено ко всем элементам <a ...> в коде. Можно также указать класс или id элементу, тогда действия будут применены к конкретному:

$(".ourlink") - класс ourlink
$("#ourlink") - id ourlink.

Символы .,# называются селекторами, существует ни один десяток селекторов, подробно можно ознакомиться на jquery.com/selectors
В следующих постах я обещаю рассказать о более сложных и полезных вещах, который позволяет делать этот реально мощный "JavaScript 21века".