layui數(shù)據(jù)表格，點(diǎn)擊按鈕變顏色？Style Style:layui表中的操作按鈕：JS:Style Style:layui表中的操作按鈕：請問大家，easyui，layui，vue，jquery，

layui數(shù)據(jù)表格，點(diǎn)擊按鈕變顏色？

Style Style:

layui表中的操作按鈕：

JS:

Style Style:

layui表中的操作按鈕：

請問大家，easyui，layui，vue，jquery，bootstrap有什么區(qū)別？

問這個問題，說明樓主是一個熱愛學(xué)習(xí)的好苗子。事實(shí)上，它們之間是有聯(lián)系的。一步步的，隨著技術(shù)的變化，它們是成熟的還是被淘汰的

html是一種超文本語言。為了操作HTML的DOM元素，JavaScript出現(xiàn)了t。這是前端的原型

后來，隨著瀏覽器的發(fā)展，為了與主流瀏覽器兼容，jQuery出現(xiàn)了通過封裝JavaScript。從那時(shí)起，jQuery統(tǒng)一了整個世界

然后，國外的Twitter開放了bootstrap組件，國內(nèi)的Dashen開放了easyUI和layui。它們都封裝了通用風(fēng)格的組件，提高了開發(fā)效率

隨著前端和后端的獨(dú)立性，MVVM框架的Vue、react和angulat出現(xiàn)在前端。第一個是游玉溪在中國寫的，后兩個是國外開源的，比Vue重

只有我一個人感覺Layui和Vue差別不大嗎？

lay UI基于jQuery。當(dāng)然，在很多地方，它也是直接操作Josn數(shù)據(jù)的，固定數(shù)據(jù)是直接顯示的。Vue的底層是操作虛擬DOM來實(shí)現(xiàn)數(shù)據(jù)綁定。事實(shí)上，開發(fā)商不需要在意。要編寫Vue，它們需要在DOM的指定位置綁定數(shù)據(jù)，甚至執(zhí)行一些邏輯，比如V-IF。Layui實(shí)際上是對封裝方法的直接調(diào)用。

Vue最大的問題是，如果頁面非常復(fù)雜，DOM、數(shù)據(jù)和方法不在同一個位置，因此需要花費(fèi)大量的時(shí)間才能找到它們。當(dāng)然，vue3已經(jīng)解決了這個問題，所有的邏輯都可以寫成函數(shù)。就我個人而言，我仍然認(rèn)為Vue用于簡單的頁面，jQuery用于復(fù)雜的業(yè)務(wù)邏輯選項(xiàng)：已選定"). Attr（“custom property name”）//建議在自定義屬性名之前添加數(shù)據(jù)，這樣更符合HTML5的規(guī)范，例如

$（“sel選項(xiàng)：已選定"). Data（“name”）//這樣就可以得到上例中Data name的值

layui怎么自由設(shè)置樣式？

1

第一步：打開我們電腦上的軟件，創(chuàng)建一個新的HTML，添加layui的JS和CSS文件，如下圖所示：

2

第二步：打開新的HTML文件，在標(biāo)簽中l(wèi)ayui.css文件， layui.js公司文件，如如下圖所示：3

在第三步，我們開始寫正文頁的內(nèi)容。這里給出的表格內(nèi)容是layui的表格示例數(shù)據(jù)，如下圖所示：

4

在第四步中，我們最終在表格數(shù)據(jù)中添加了click事件，表.on（“工具（demoEvent）”，函數(shù)（obj）{}偵聽單元格事件，圖層.提示（）彈出框，使用對象更新（{sign:value}）更新表和緩存，如下圖所示：

5

第5步：在瀏覽器中打開HTML頁面，看到表格數(shù)據(jù)內(nèi)容，如下圖所示：

6

第6步：點(diǎn)擊表格數(shù)據(jù)內(nèi)容，彈出框顯示單元格中的數(shù)據(jù)，可以看到點(diǎn)擊事件已經(jīng)通過layui添加到表格數(shù)據(jù)中，如圖所示下圖：