一.jQuery基礎

1.       jQuery選擇dom節點

$(‘p’)      //html元素<p>

$(‘div’)   //html元素<div>

$(‘#A’)   //id='A'

$(‘.b’)    //class='b'

2.       延遲JavaScript的執行

用來通知我們dom準備就緒的方法是$(document).ready()。在DOM加載完成后,此方法執行函數調用：

$(document).ready(function(){

        $(‘p’).addClass(‘hightlight’);

});

3.       css放在元素上

$(‘div’).addClass(‘hightlight’);

4.       選擇系列非標準的HTML元素

$(‘div:odd’).addClass(‘highlight’);

$(‘div:even’).addClass(‘boundary’);

$(‘p:eq(1)’).addClass(‘linkstyle’);

5.       計數dom節點和顯示其文本

$(document).ready(function(){

        var $node=$(“#root”).children();

        alert($node.length);

        var text;

        $(“#root”).children.each(function(){

               text+=$(this).text();

        })

})

6.       獲取html代碼

$(‘p’).html();

7.       獲取dom代碼

$(‘h2’).text(‘javascript libraries’);

8.       快速創建dom節點

    (1)     prepend()指定元素前插入

$(‘p’).prend(‘<h2>abc</h2>’);

(2)      prependTo()

$(‘<h2>abc</h2>’).prependTo(‘p’);

       (3)   clone()復制指定元素并返回一個新的jQuery對象。復制一個h2元素插入該段元素 $(‘h2’).clone().prependTo(‘p’);