posts - 93,  comments - 2,  trackbacks - 0

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

posted on 2011-07-21 19:33 Terry Zou 阅读(177) 评论(0)  编辑  收藏 所属分类: jQuery

只有注册用户登录后才能发表评论。


网站导航:
 
<2011年7月>
262728293012
3456789
10111213141516
17181920212223
24252627282930
31123456

常用链接

留言簿(2)

随笔分类

随笔档案

文章分类

文章档案

相册

收藏夹

Java

搜索

  •  

最新随笔

最新评论

阅读排行榜

评论排行榜