jQuery篇一

javascript query
RIA（ Internet App） 高度互动性，丰富用户体验以及功能强大的客户端
jQuery是优秀的javascript框架，能方便的处理html文档、事件、动画以及Ajax交互效果
jQuery能做什么
1.取得页面中的元素
2.修改页面外观
3.改变页面的内容
4.响应用户的页面操作
5.为页面添加动态效果
6.无刷新获取服务器信息
7.简化javascript任务

优势：
轻量级
强大的选择器
出色的dom操作封装
可靠地事件处理机制
出色的浏览器兼容
宗旨：写的少，做的多。

表格的隔行变色
css，javascript和jQuery都能实现
用jQuery需要先放入一个jQuery插件
导入框架
<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
写jQuery需要在写一个script
<script type="text/javascript">
$function(){
$("table.tab tr:nth-child(ood)").addClass("t01");//奇数
even//偶数。
}

第一个jQuery程序（具有特定功能的js）
需要下载插件。
1.导入jQuery插件。
2.再写一个script

javascript中的页面加载完毕，执行一个函数
window.οnlοad=function(){}
οnlοad=function(){}
jQuery中的页面加载完毕执行一个函数
1.$(document).ready(function(){});//标准写法
2.$().ready(function(){});
3.$(function(){});
$(document).ready(function(){
alert("D*****");
});

jQuery的“$”创建dom节点
标签选择器
id选择器
类选择器
$(document).ready(function(){
$("#h02").css("color","red");
$("h3").css("color","green");
$(".h02").css("color","yellow");
});

jQuery有完善的错误处理机制。
</script>

动态添加表格
1.导入插件
2.$(document).ready(function(){
//使用类选择器
for(var i=1;i<=10;i++){
$(".tab").append("<tr><td>"+i+"</td></tr>");
}
});

$等同于jQuery，一般情况下用$。
jQuery选择器的优势：
1.简介的写法
2.完善的错误处理机制


基本选择器：
类、id、标签、分组、通配符（*）

过滤选择器
学会组合选择器