第五章:初识JQuery

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

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

JQuery加载页面触发:

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

总结一:
《初识JQuery总结》
图总结:
《初识JQuery总结》

相关文章: