《初识JQuery总结》

第五章：初识JQuery

JQuery是对JavaScript的封装，简化了JS代码，是主流框架的基础(VUE,EasyUI,Bootstrap) 它是2006年推出的

JQuery的优势：
体积小，压缩后只有100KB左右
强大的选择器
出色的DOM封装
可靠的事件处理机制
出色的浏览器兼容性
使用隐式迭代简化编程
丰富的插件支持
引入Jquery库：

JQuery加载页面触发：

window.onload和$(document).ready区别：
window.onload只能有一个，没有简写方式，必须等待页面所有资源加载完毕之后才能触发
$(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对象的相互转换：

总结一：

图总结：