Ласкаво просимо до dev.net.ua Увійти | Приєднатися | Допомога

BorisZ

WPF, JavaSript, Ajax, ASP.NET
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 в директорию со скриптами:

step2

После чего можно пользовать IntelliSence:

step4

Подробно про использование 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:

jquery12_colorcharge

Чтобы начать использовать 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).

Posted: Monday, December 29, 2008 10:14 PM від BorisZ
Помічено як:

Коментарі

ASP.NET разработка сказав:

jQuery for Visual Studio - еще одна причина перейти на VS2008 SP1. Спасибо за статью - очень полезные ссылки.

# March 31, 2009 1:52 AM
Анонімні коментарі деактивовані. Увійдіть або Зареєструйтесь щоб мати доступ до ресурсів Спільноти.