JQuery framework and .NET.
JQuery framework является одним из самых быстрых, удобных и простых для изучения. В данной статье будут описаны базовые возможности jQuery и о том как использовать JQuery в ASP.NET проектах.
В будушем Microsoft планирует поставлять JQuery вместе с Visual Studio. На данный момент уже рализована поддержка JQuery для IntelliSense. Так же планируется что jQuery будет использоваться в ASP.NET AJAX Control Toolkit. (http://weblogs.asp.net/scottgu/archive/2008/09/28/jquery-and-microsoft.aspx)
Основные достоинства jQuery:
- Оптимизирован для быстрой работы - размер самого Фреймворка 15kb
- Простая объектная модель.
- Расширяемость при помощи UI controls и плагинов.
Примеры работ на jQuery:
На PDC 2008 были анонсированны планы по использованию JQuery совместно с ASP.NET. Эту презентацию можно посмотреть сдесь: ASP.NET and jQuery
jQuery можно скачать с официального сайта: www.jquery.com.
Он доступен в нескольких версиях:
- jQuery Minified and Gripped (15kb) – оптимизированная версия.
- jQuery Packed (30kb) - оптимизированная + использован механизм обфускации, убраны все лишние символы, влияющие на ее размер (например пробелы, табуляция, и т.д), что позволяет сократить размер и повысить скорость работы вашего Web–приложения, это существенно для приложений с высокой нагрузкой.
- jQuery Regular (100kb) - полная версия (соблюдены все пробелы, отступы, табуляция)
- jQuery for Visual Studio - позволяет использовать поддержку IntelliSence для JQuery. Для включения этой возможности необходимо:
- установить патч для того чтобы студия “понимала” XML комментарии, находящиеся в jquery-1.2.6-vsdoc.js файле (патч ставится только на Visual Studio 2008 SP1); Скачать патч можно отсюда
После установки патча необходимо добавить файл jquery-1.2.6-vsdoc.js в директорию со скриптами:
После чего можно пользовать IntelliSence:
Подробно про использование IntelliSense для JQuery:
http://blogs.msdn.com/webdevtools/archive/2008/10/28/rich-intellisense-for-jquery.aspx
JQuery развивается очень большими темпами и уже доступна версия: 1.2.6 (Release). Для данной версии JQuery есть очень удобная online-документация – http://visualjquery.com/.
Ниже показана объектная модель jQuery:
Чтобы начать использовать JQuery в ASP.NET приложениях нужно:
- Добавить ссылку на jQuery это делается при помощи тега script
<script type="text/javascript" src="js/jquery-1.2.6.js"></script>
- Добавить код JQuery например:
<script type="text/javascript">
$(document).ready(function(){
alert("test jquery");
});
</script>
Данный код выполнится при загрузке страницы. Аналогичный код на javascript будет выглядеть следующим образом:
window.onload = function(){ alert("test jquery");}
Основным объектом (с которого начинаться написание сценариев) является функция jQuery(…) или ее укороченный вариант $(…). Она содержит много перегрузок, одна из которых позволяет задавать имя HTML-элемента в виде строки, например, всем элементам DIV на странице присвоить CSS стиль после загрузки страницы:
<script type="text/javascript">
$(document).ready(function(){
$("div").css( "background", "red" );
});
</script>
Пример ниже демонстрирует использование AJAX запроса (GET) на сервер. Скрипт передает параметр и получает результат запроса:
<script type="text/javascript">
$.get("TwoPage.aspx", { id: "360" }, function(data){
alert("Data: " + data);
})
</script>
JQuery UI
UI-библиотека содержит набор следующих модулей, расширяющих базовый набор функций JQuery (http://ui.jquery.com/download_builder/):
JQuery plugins
Содержит большое количество дополнительных модулей для JQuery (http://plugins.jquery.com/). Например, для ASP.NET у jQuery есть специальный плагин для работы с AJAX и вэб-сервисами (http://plugins.jquery.com/project/ajaxdotnet).