一.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’);