一.jQuery基礎(chǔ)

1.       jQuery選擇dom節(jié)點(diǎn)

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

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

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

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

2.       延遲JavaScript的執(zhí)行

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

$(document).ready(function(){

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

});

3.       css放在元素上

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

4.       選擇系列非標(biāo)準(zhǔn)的HTML元素

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

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

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

5.       計(jì)數(shù)dom節(jié)點(diǎn)和顯示其文本

$(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.       快速創(chuàng)建dom節(jié)點(diǎn)

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

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

(2)      prependTo()

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

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