jQuery篇一
来源:互联网 发布:免激活windows xp 编辑:程序博客网 时间:2024/05/16 15:53
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.onload=function(){}
onload=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.onload=function(){}
onload=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、标签、分组、通配符(*)
过滤选择器
学会组合选择器
0 0
- jQuery篇一
- jQuery基础(一)--样式篇
- jQuery(一)
- jQuery (一)
- jquery(一)
- Jquery 一
- Jquery(一)
- JQuery一、
- JQuery一:JQuery概述
- Jquery(一)了解Jquery
- jQuery基础篇(一)样式篇
- 从零开始学习jQuery (一) 开天辟地入门篇
- 从零开始学习jQuery (一) 开天辟地入门篇
- jQuery新手入门(一) 开天辟地入门篇
- 从零开始学习jQuery (一) 开天辟地入门篇
- 从零开始学习jQuery (一) 开天辟地入门篇
- 从零开始学习jQuery (一) 开天辟地入门篇
- 从零开始学习jQuery (一) 开天辟地入门篇
- Java集合
- python遍历小写英文字母
- selectCursor 和事物
- 【深入Java虚拟机】之三:类初始化
- 引导页圆点指示器
- jQuery篇一
- Module State
- Android Native 使用初识
- android之职责清晰的MVP设计模式
- 移动app测试之多任务和意外情况处理办法
- oracle导入dmp数据文件问题
- OC 重点block-------1-------基本使用
- 【深入Java虚拟机】之四:类加载机制
- PAT 乙级 1038. 统计同成绩学生(20)