jquery recipes part one

down jquery from : http://jquery.com. this test version is 1.3.2
http://www.w3school.com.cn/tags/tag_span.asp //查看HTML定义
1.2 选择DOM节点
$(document).ready(function() {
    $('p').addClass('highlight');
});
1.3延迟JavaScript的执行
$(document).ready()给文档注册了一个ready()事件。
1.5选择非标准的HTML元素
$('span:contains(Life)').addClass('highlight'); //设置包含Life的文本指定的样式
$('div:odd').addClass('highlight');  //设置div位置在奇数
$('div:even').addClass('boundary'); //设置div位置在偶数为另一种样式
$('p:eq(1)').addClass('Linkstyle'); //设置第二个p的样式，下标从0开始
1.6计数DOM节点和显示其文本
$(document).ready(function()  {
    var $nodes=$('root').children();
    alert('Number of nodes is ' + $nodes.length);
    var txt="";
    $nodes.each( function() {
         txt+=$(this).text();
    });
alert(txt);
});

alert($('span').parent().text());
1.7 获取一个元素的HTML代码
$(document).ready(function() {
alert($('#p1').html()) //输出为代HTML标签的内容
});
1.8改变DOM节点的内容
$('h2').text('Come on baby'); //插入文本
$('h2').html('Come on baby'); //插入HTML，显示为格式化后的HTML
1.9快速创建DOM节点
创建DOM节点的方法有prepend(),prependTo(),和clone()其它创建方法还有append(), appendTO(),  before(), insertBefore(), after(), insertAfter()。
1 prepend()
  $('p').prepend('<h2>Power of selectors</h2>');
2 prependTo()
$('<h2>Power of selectors</h2>').prependTo('p'); //显示效果同上
$('h2').clone().prependTo('p');//将h2的内容复制一份到p
2.0动态修改样式
$('.feature').addClass('boundary');