现在比较流行的前端框架有bootstrap + angularJS
jQuery是JavaScript的工具集,说白了jQuery就是JavaScript。
而Bootstrap是一个开发框架,集成了很多现成的网页格式和网页布局,封装了很多CSS样式和JS代码,可以拿来直接用,只需要把里面想换成自己的内容替换掉。
jquery是js脚本库,主要是通过简化js操作html元素及前端数据的。
bootstrap是前端页面设计数据显示框架,主要是它的UI部分,显示效果很不错。
bootstrap = 样式库 + 一堆jQuery插件

jQuery是JavaScript的工具集,说白了jQuery就是JavaScript。
而Bootstrap是一个开发框架,集成了很多现成的网页格式和网页布局,封装了很多CSS样式和JS代码,可以拿来直接用,只需要把里面想换成自己的内容替换掉。
jquery是js脚本库,主要是通过简化js操作html元素及前端数据的。
bootstrap是前端页面设计数据显示框架,主要是它的UI部分,显示效果很不错。
bootstrap = 样式库 + 一堆jQuery插件
顺便解释一句,如果你只需要bootstrap的样式,你完全不用引入jQuery和bootstrap的js文件.
1、jquery的奇偶数隔行显示
//odd:奇数行(即索引值1、3、5), even:偶数行(即索引值0、2、4)
$("tr:odd").css("backgroundColor","gold");
$("tr:even").css("backgroundColor","gold");
2、开发版本:286K,压缩版本(.min.js)95K
jquery1.12.4或jquery2.2.4------支持ie6/7/8
4、$(document).ready()与window.onload

5、加载css
$("li").mouseover(function () { $(this).css("backgroundColor","orange"); }).onmouseout(function () { $(this).css("backgroundColor","red"); });

6、show() hide()
7、链式操作

8、隐式迭代
$("li").css({"font-weight":"bold","color":"blue","backgroundColor":"white"});
end
本文介绍了流行的前端框架Bootstrap和jQuery的应用场景与特性。详细解析了Bootstrap作为网页布局框架的优势,以及jQuery作为JavaScript库如何简化HTML元素操作。同时,提供了jQuery实现奇偶数行背景色交替的示例代码。
238

被折叠的 条评论
为什么被折叠?



