jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE6.0+、FF1.5+、Safari2.0+、Opera9.0+等。
一.任务需求:两个按钮,一个DIV,点击显示按钮显示DIV,点击隐藏按钮,隐藏DIV。
二.任务分析:监听按钮的点击,操作DIV的显示隐藏效果。
三.编程代码实现:
<body>
<buttonid="go_show">显示</button>
<buttonid="go_hide">隐藏</button>
<divstyle="height:150px;width:150px;background:coral;margin-top:20px;"id="content"></div>
<scriptsrc="jquery-3.4.1.min.js"></script>
<script>
$("#go_show").click(function(){
$("#content").show();
});
$("#go_hide").click(function(){
$("#content").hide();
})
</script>
</body>
在构造jQuery对象模块中,如果在调用构造函数jQuery()创建jQuery对象时传入了选择器表达式,则会调用选择器Sizzle(一款纯Javascript实现的CSS选择器引擎,用于查找与选择器表达式匹配的元素集合)遍历文档,查找与之匹配的DOM元素,并创建一个包含了这些DOM元素引用的jQuery对象。