库(Library)与框架(Framework)
共同点:都是第三方写好的现成的程序,使用库和框架可以提升开发效率;
不同点:1、库更像是一个工具,拿过来直接使用,相对随意(jQuery);
2、框架会对开发者的开发方式设置一定的限制,使用框架需要按照框架的规则来开发项目(vue、react)
初步了解jQuery
jQuery是一个基于JavaScript的库,主要用于操作DOM
- 获取节点 $("选择器") .class # id 等;
- 操作节点 $().menthod();
- 设置元素样式 $().css();
案例 多个按钮绑定点击事件
引入jQuery需要在第一个script标签内写入src引入,然后自己的script要在引入的下面重新建立script标签写。
步骤: 获取节点;绑定事件;设置函数;
<body>
<button>1</button>
<button>2</button>
<button>3</button>
<script src="script/jquery.js"></script>
<script>
$("button").click(()=>{
console.log("hello ")
})
</script
jQuery行情分析
jQuery是一个过时的库,大量应用场景以已经被取代
- 解决兼容问题:随着各大浏览器趋于标准化,浏览器兼容问题越来越不是问题;
- 简化DOM操作:随着MVVM(vue.react)框架的普及,项目不再会大量直接操作DOM;
- 动画方法:被CSS3取代;
jQuery应用场景
- 简单的网站,主要用来展示效果(宣传公司或者宣传产品);
- 单独的某个广告宣传页面;
- 编写一些简单的小demo,模拟测试;
- 学习成本很低