jquery实现多图片选中checkbox效果？
$(document).ready(function() {
$(".img").click(function() {
if($(".checkbox").prop("checked")) {//先判断该checkbox是否已经被先中。
$(".checkbox").attr("checked","");
$(this).removeClass("check");//".check"这个是图片被激活后的样式。即该被点击的图片有两个状态，一个是正常，另一个是被激活后，写在两个样式里。
} else {
$(".checkbox").attr("checked","checked");
$(this).addClass("check");
}
})
})
JQuery记得用1.6后的版本。
.img 这个是被点击图片的样式
.check 这个是图片被点击过后的样式
.checkbox 这是那个checkbox的样式
JQuery实现多图片选中Checkbox效果非常方便。
1.JQuery可以用来实现多图片选中Checkbox效果。
2.可以通过JQuery中的each()方法来遍历所有的图片，获取到每个图片选中状态的属性值，然后通过设置Checkbox的属性值来实现选中效果。
3.除了JQuery，也可以使用原生JavaScript来实现，并且基于前端框架（如Vue、React等）的组件里面都有实现多图片选中的相关功能，可以根据项目需求进行选择。
jquery怎么从数据，里面把数据，取出来显示在页面上？
第一步，创建一个HTML，html是网页的基础与骨架：
第二步、在html中增加测试数据，定义一个checkbox，目的是使用jquery ajax方法get请求获取数据填充，
第三步、编写jquery 方法，按钮点击时，触发事件，将选中的checkbox值获取，
第四步、打开浏览器，打开测试页面，进行测试：
第五步、完成效果图。
为什么现代前端框架放弃了HTML的常规用法？
现在都是现在virtual dom中渲染完css和JS，渲染完，再从virtual dom一次映射到dom，这么做主要是为了加快渲染速度，缺点是耗费内存特别大。。
常规的HTML渲染是先加载HTML，然后再渲染css，渲染css过程中会有很多HTML特性变化，之后再渲染JS，就触发很多的HTML和css变化。这种模式，最大缺点是分三步走，大概是串行运行，花费时间较长，，另外很多元素渲染三遍才变成最终状态（大概这么理解）。。。
现代前端框架放弃了 HTML 的常规用法，是因为传统的 HTML 代码难以维护和扩展。这些框架采用了更高级的技术来实现更为灵活和强大的功能。例如，许多框架使用 JavaScript 来操作 HTML 和 CSS，从而使前端开发人员能够更快速地实现复杂的界面和交互。此外，这些框架还提供了丰富的组件库和工具，使前端开发人员能够更高效地开发和维护应用程序。
提问者是发现前端语言中出现了自定义标签或者模板语法吗？还是说vue类似的语法结构？
前者说到底就一个原因：浏览器的兼容性！特别是IE这个不知进取的货，前端技术被这货一直限制，直到win10的出现才得到改善，就连现在最低兼容也要考虑到ie9！
常规前端框架要负责渲染和ui效果，html标签无法满足现在ui层的渲染要求，不同浏览器下的展示结果也不同，最直观的就是表单元素：select、radio、checkbox、button等等。所以你会看见所有前端框架都必须要有一套自己的表单组件。
作为一款框架，目的就是用最简单的语法达到最好的展示结果，语法特别重要，所以我们会发现在框架中利用js做二次渲染是最好的选择，使用者只需一个属性就能达到特定效果。
比如我自研的框架中开关组件：<input type=swith text=开|关>，只需对应属性给值，其他的交给框架去渲染。
有的干脆直接给js函数传入对象参数：
xxx({
type : swith,
text : 开|关
})
而vue这种就属于渲染引擎，只负责渲染，不负责ui效果，没什么好说的。