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'));

实战

待补充