ГЛАВНАЯ     АРХИВ     НАПИСАТЬ АДМИНУ     ПОДПИСАТЬСЯ НА RSS     ВОЙТИ      

Поиск

Категории

Облако тегов

acer ado.net amd asp.net c sharp c# cms css exceptions google html ipad iphone it бизнес javascript jquery linq microsoft mysql net nokia nokia lumia samsung seo silverlight sql surface tsql windows 8 windows blue windows phone windows rt xna безопасность библиотека вопросы на собеседовании интересные проекты интернет интернет магазин исключения книга книги компьютерная безопасность компьютерные игры контролы курсы по программированию логированние исключений мобильные приложения монетизация сайтов наушники новости новости it новости microsoft новости интернет новости технологий ноутбук ноутбуки обработка исключений оптимизация острова периферия планшет планшеты поддержка сайтов поисковое продвижение программы продвижение продвижение сайта продвижение сайтов рабство разработка игр разработка сайтов раскрутка сайта рекламные технологии смартфон смартфоны собеседование создание сайтов средства разработки туризм фриланс хостинг яндекс
  << Предыдущий пост       Следующий пост >>  
От: 4aIIaeB
9. сентября 2012 00:15

jQuery

Представим, например, что вы имеете древовидную структуру состоящую из пачки тегов ul и li. И вам нужно раскрывать или закрывать секции этой структуры. Давайте посмотрим как сделать это с использованием jQuery (пример тестировался на IE и Firefox)


<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>    

    <style type="text/css">

        .clsUL

        {            

            cursor:hand;

        }

    </style>

    <script src="Scripts/jquery-1.2.6.js" type="text/javascript">

    </script>

 

    <script type="text/javascript"> 

        $(document).ready(function(){

        $('#unord li').click(function() { 

                    $(this).children('ul').slideToggle("slow"); 

            }); 

        });

    </script>

 

</head>

 

<body>

    <form id="form1" runat="server">

    <div>

    <ul id="unord" class="clsUL"> 

        <li>Client-Side Languages

            <ul>

                <li>

                    jQuery

                </li>

                <li>

                    JavaScript

                </li>

                <li>

                    JScript

                </li>

            </ul>

        </li>

        <li>Server-Side Languages

            <ul>

                <li>

                    C#

                </li>

                <li>

                    VB.NET

                </li>

                <li>

                    Others

                </li>

            </ul>

        </li>

    </ul>   

    </div>

    </form>

</body>

</html>


Пример, показанный выше, скрывает и разворачивает секцию тегов li находящуюся внутри тега ul. Безусловно, в такой деятельности jQuery рулит !


Это перевод. Оригинал здесь.

Похожие записи


Вопросы на собеседовании C#, Net, ASP.NET, SQL
Продолжая тему вопросов на собеседовании. Нашел еще одну подборку. Оригинал лежит здесь . Перенес, чтобы не затерялось. Есть вполне вменяемые ответы (хотя, на некоторые вопросы ответил бы по-другому). Ответы находятся после списка вопросов, я их не менял. 23. Что такое шаблон проектирования Model/View/Controller? Как и зачем его применяют? 2...

Как перевести ASP.NET TextBox-ы в режим только для чтения на jQuery ?
В этом посте, мы рассмотрим как перевести ASP.NET TextBox в режим только для чтения, используя jQuery. Такое поведение часто можно увидеть в приложениях, где форма открывается в режиме редактирования, но некоторые текстовые поля ввода переводятся в режим только для чтения, для предотвращения ввода пользователем текста в них. Давайте посмотрим, как просто можно...

Сортировка колонки ASP.NET GridView с использованием плагина jQuery TableSorter
Этот пост показывает как, используя плагин jQuery, отсортировать колонки привязанные к пользовательским классам. Создайте ASP.NET вебсайт и добавьте GridView на него. Здесь я добавляю некий класс Employee и привязываю его к GridView. Теперь загрузите плагин tablesorter отсюда tablesorter.com и положите его в папку со скриптами. Здесь я добавил jQuery плаг...

Добавить комментарий




biuquote
  • Комментарий
  • Предпросмотр
Loading


  Сохранить комментарий