没有合适的资源?快使用搜索试试~ 我知道了~
初学jquery时候的总结,这么年一直在放着,简单易懂快速上手,希望对新人们有帮助。后期有时间会更新补充一下
资源推荐
资源详情
资源评论
jQuery总结:
1. 认识jQuery:
jQuery是javascript中的一个较轻量级的类库
js: document(dom)--->Jquery: $(document)(对象)
javascriptAPI和Jquery的API是不能通用的
2. javascript和jQuery:
$(document).ready(function(){});
类似于javascript中的window.onload=function(){}
区别:
js中的window.onload页面加载完毕只执行一个函数 会默认的覆盖前面的函数
如果想要在页面加载完毕执行2个函数,可以把2个函数放在一个函数里调用,
当页面加载完成执行这个总函数
jQuery中的ready函数页面加载完毕会依次执行 不会覆盖
3. jQuery中的ready函数简写形式:
简写形式一:
$(function(){});
简写形式二:
$().ready(function(){});
4. 使用jQuery需要在<head></head>里 导入jQuery框架文件:
1. 认识jQuery:
jQuery是javascript中的一个较轻量级的类库
js: document(dom)--->Jquery: $(document)(对象)
javascriptAPI和Jquery的API是不能通用的
2. javascript和jQuery:
$(document).ready(function(){});
类似于javascript中的window.onload=function(){}
区别:
js中的window.onload页面加载完毕只执行一个函数 会默认的覆盖前面的函数
如果想要在页面加载完毕执行2个函数,可以把2个函数放在一个函数里调用,
当页面加载完成执行这个总函数
jQuery中的ready函数页面加载完毕会依次执行 不会覆盖
3. jQuery中的ready函数简写形式:
简写形式一:
$(function(){});
简写形式二:
$().ready(function(){});
4. 使用jQuery需要在<head></head>里 导入jQuery框架文件:
如:<script type="text/javascript" src="jQuery-1.6.4.min.js"></script>
5. jQuery制表:
//为表格奇数行添加类名为a02的样式实现隔行变色:
$("table.datalist tr:nth-child(odd)").addClass("a02");
//为表格偶数行添加类名为a02的样式实现隔行变色:
$("table.datalist tr:nth-child(even)").addClass("a02");
为表格添加行:
$("table#a01").append("<tr><td>ss</td><td>bb</td><td>nb</td></tr>").css("color","red");
$("table#a01 tr:nth-child(odd)").addClass("cc");
$("tr.a02").append("<td>ok</td>");
$("tr.a02 tr:nth-child(odd)").addClass("oo");
6. jQuery的工厂函数$
7. jQuery的优势:
使用javascript:
window.onload=function(){
var ss=document.getElementById("a01");
ss.style.color="red";
}
或者是
window.onload=function(){
5. jQuery制表:
//为表格奇数行添加类名为a02的样式实现隔行变色:
$("table.datalist tr:nth-child(odd)").addClass("a02");
//为表格偶数行添加类名为a02的样式实现隔行变色:
$("table.datalist tr:nth-child(even)").addClass("a02");
为表格添加行:
$("table#a01").append("<tr><td>ss</td><td>bb</td><td>nb</td></tr>").css("color","red");
$("table#a01 tr:nth-child(odd)").addClass("cc");
$("tr.a02").append("<td>ok</td>");
$("tr.a02 tr:nth-child(odd)").addClass("oo");
6. jQuery的工厂函数$
7. jQuery的优势:
使用javascript:
window.onload=function(){
var ss=document.getElementById("a01");
ss.style.color="red";
}
或者是
window.onload=function(){
剩余26页未读,继续阅读
资源评论
贺少文
- 粉丝: 0
- 资源: 3
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功