Начать работать с Jquery или подключить Jquery очень просто.
Нужно скачать последнюю версию с официального сайта http://jquery.com/
Далее нужно создать страницу с помощью блокнота или c помощью прекрасной программы Notepad++, которую можно бесплатно скачать отсюда: http://notepad-plus-plus.org/
и написать в коде страницы следующие:
<!DOCTYPE html>
<html lang="en">
<head> <meta charset="utf-8">
<title>jQuery Example</title>
<!--здесь должна быть ссылка на вашу версию-->
<script src="jquery-1.5.1.js"></script>
После этого, можно проверить работу JQuery следующим образом.
Напишем на странице следующий код:
<script>
$(document).ready(function() {
alert("Hello world!");
});
</script>
<body>
</body>
</html>
При запуске страницы с помощью Google Chrome должно появится окошко с надписью "Hello world!"
Пояснение
Конструкция $(document).ready - запускает работу сценария в момент старта страницы, запускается "безымянная" системная функция function() - в которой можно запустить, что угодно во время старта или подготовить функции, например подготовить обработчики кнопок.
В этом есть некоторая строгость Jquery. Java Script позволяет разработчику вольно раскидывать код по всей странице, в то время как Jquery собирает его в одном месте.
Имея мощный интерфейс взаимодействие с элементами управления, Jquery может себе это позволить.
Нужно скачать последнюю версию с официального сайта http://jquery.com/
Далее нужно создать страницу с помощью блокнота или c помощью прекрасной программы Notepad++, которую можно бесплатно скачать отсюда: http://notepad-plus-plus.org/
и написать в коде страницы следующие:
<!DOCTYPE html>
<html lang="en">
<head> <meta charset="utf-8">
<title>jQuery Example</title>
<!--здесь должна быть ссылка на вашу версию-->
<script src="jquery-1.5.1.js"></script>
После этого, можно проверить работу JQuery следующим образом.
Напишем на странице следующий код:
<script>
$(document).ready(function() {
alert("Hello world!");
});
</script>
<body>
</body>
</html>
При запуске страницы с помощью Google Chrome должно появится окошко с надписью "Hello world!"
Пояснение
Конструкция $(document).ready - запускает работу сценария в момент старта страницы, запускается "безымянная" системная функция function() - в которой можно запустить, что угодно во время старта или подготовить функции, например подготовить обработчики кнопок.
В этом есть некоторая строгость Jquery. Java Script позволяет разработчику вольно раскидывать код по всей странице, в то время как Jquery собирает его в одном месте.
Имея мощный интерфейс взаимодействие с элементами управления, Jquery может себе это позволить.
Комментариев нет:
Отправить комментарий