第五章:初识JQuery
JQuery是对JavaScript的封装,简化了JS代码,是主流框架的基础(VUE,EasyUI,Bootstrap) 它是2006年推出的
JQuery的优势:
体积小,压缩后只有100KB左右
强大的选择器
出色的DOM封装
可靠的事件处理机制
出色的浏览器兼容性
使用隐式迭代简化编程
丰富的插件支持
引入Jquery库:
JQuery加载页面触发:
window.onload和$(document).ready区别:
window.onload只能有一个,没有简写方式,必须等待页面所有资源加载完毕之后才能触发
(
d
o
c
u
m
e
n
t
)
.
r
e
a
d
y
可
有
多
个
,
简
介
为
(document).ready可有多个,简介为
(document).ready可有多个,简介为(function(){//代码}),等待页面上所有文档结构(html标签)记载完后触发
JQuery设置样式:
JQuery常用方法和事件:详情请见W3C
$(function(){
/给显示图片按钮注册一个click事件/
$("#show").click(function(){
$("#imgs").slideDown(3000);
});
$("#hide").click(function(){
$("#imgs").slideUp(3000);
});
});
$(function(){
KaTeX parse error: Expected '}', got 'EOF' at end of input: …nction(){ //不能用(“li”)
$(this).css(“color”,“blue”);
}).mouseout(function(){
$(this).css(“color”,“black”);
});
});
JQuery对象和Dom对象的相互转换:
总结一:
图总结: