jQuery的使用及總結

獲取元素

//選擇整個文檔對象
    $(document) 
        //經過id選擇元素
    $('#ID') 
        // 選擇class爲red的div元素
    $('div.red')

jQuery特有的api

//選擇網頁中第一個div元素
    $('div:first')

鏈式操做

在jQuery的設計方法中使用了返回操做對象的方式，使得鏈式操做成爲了可能，例如

//選中test標籤中，class爲child的元素，分別給它們加上red類
    $('.test').find('.child').addClass('red');

除此以外，jQuery還支持後退功能end()，如：

//選中test標籤中，class爲child的元素，分別給它們加上red類,返回test標籤，給test標籤加上black類
$('.test').find('.child').addClass('red').end().addClass('black);

有了鏈式操做模式，就能夠經過一個語句執行極其複雜的功能。

建立元素

建立新元素使用了template的方法，以下：

　　$('<p>Hello</p>');

　　$('<li class="new">new list item</li>');

　　$('ul').append('<li>list item</li>');

移動

jQuery中的移動api共有四對:

　　.insertAfter()和.after()：在現存元素的外部，從後面插入元素

　　.insertBefore()和.before()：在現存元素的外部，從前面插入元素

　　.appendTo()和.append()：在現存元素的內部，從後面插入元素

　　.prependTo()和[.prepend()：在現存元素的內部，從前面插入元素

差異可以下體現：

//把div放在form後邊，返回div
$('div').insertAfter($('form')); 
    //把form加到div前邊，返回form
$('form').after($('div'));

實戰

待補充