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、标签、分组、通配符(*)
过滤选择器
学会组合选择器
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、标签、分组、通配符(*)
过滤选择器
学会组合选择器