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

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

Style Style:

layui表中的操作按鈕：

JS:

Style Style:

layui表中的操作按鈕：

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

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

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

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

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

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

只有我一個(gè)人感覺(jué)Layui和Vue差別不大嗎？

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

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

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

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

1

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

2

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

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

4

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

5

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

6

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