JQuery - js фреймворк, библиотека js кодов, которая позволяет осуществлять более эффективные задачи и эффекты в реализации программного кода в frondend контенте веб-представления данных.
Итак, без лишних предисловий описаний для программистов, которые знают суть такой технологии, напишу код для новичков, а также покажу шпаргалку выполнения кода. Так выглядит исполненительный контейнер кода, а также подключение библиотеки:
Пример кода выглядит так:
< html lang="en" class="no-js">
< head>
< meta charset="utf-8">
< meta http-equiv="X-UA-Compatible" content="IE=edge">
< meta name="viewport" content="width=device-width, initial-scale=1">
< title>Заголовок
< meta name="description" content="A free HTML5/CSS3 template" />
< meta name="keywords" content="html5 template, css3, one page, animations, agency, portfolio, web design" />
< meta name="author" content="" />
< script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
< /head>
< script type="text/javascript">
$ (document).ready(function() {
console.log('test message in console');
$('#test').click(function() {
console.log('test'); // тестируем событие клика и пишем в консоли слово test
});
});
< /script>
< body>
< div>
< h3>Простейший код для новичков
< button id="test" name="test" value="Тест"/>
< /div>
< /body>
А вот событие клика по кнопке, и исполнение написания в консоли браузера сообщения:
$('#test').click(function() {
console.log('test');
});
Собственно в JQuery много возможностей реализации кода, а также создание различных плюшек для показа плавного скроллинга, переключения цветовой гаммы и стиля css программными средствами фреймворка JQuery.