一.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 阅读(187)
评论(0) 编辑 收藏 所属分类:
jQuery