layui是基於jquery的,是用自身模組編寫的UI框架,並且本身自帶jquery;在layui內部使用jquery的方法是「layui.use('jquery',function(){var $ =layui.$ jQuery程式碼})」。
本教學操作環境:windows10系統、jquery3.2.1&&layui v2.6.8版本、Dell G3電腦。
layui是基於jQuery的框架,本身自帶jQuery。
layui內部使用jQuery
根據官方推薦,是使用自帶的好一點
這裡記一下內部使用jQuery的方法:
layui.use('jquery', function(){ var $ = layui.$ //重点处 //后面就跟你平时使用jQuery一样 });
賦值給$,或layui.jquery.ajax使用ajax
$ = layui.jquery;
如果不賦值,會出現$未定義的提示。
擴充知識:
layui,是一款採用自身模組規格所寫的前端UI 框架,遵循原生HTML/CSS/JS 的書寫與組織形式,門檻極低,拿來即用。其外在極簡,卻又不失飽滿的內在,體積輕盈,組件豐盈,從核心程式碼到 API 的每一處細節都經過精心雕琢,非常適合介面的快速開發。 layui 首個版本發佈於2016年秋,它有別於那些基於 MVVM 底層的 UI 框架,卻並非逆道而行,而是信奉返璞歸真之道。準確地說,它更多是為服務端程式設計師量身定做,開發者無需涉足各種前端工具的複雜配置,只需面對瀏覽器本身,使得開發十分便捷。
為什麼要使用layui?
layui更多是面向於後端開發者,所以在組織形式上毅然採用了幾年前的以瀏覽器為宿主的類AMD 模組管理方式,卻又並非受限於CommonJS 的那些條條框框,它有自己的模式,更加輕量和簡單。 layui 定義為“經典模組化”,並非是刻意強調“模組”理念本身,而是有意避開當下 JS 社區的主流方案,試圖以盡可能簡單的方式去詮釋高效!它的所謂經典,是在於對返璞歸真的執念,它以當前瀏覽器普通認可的方式去組織模組! layui 認為這種輕量的組織方式,仍然可以填補 WebPack 以外的許多場景。所以它堅持採用經典模組化,也正是能讓人避開工具的複雜配置,重新回歸原生態的 HTML/CSS/JavaScript本身!
相容性和麵向場景
layui 相容於人類正在使用的全部瀏覽器(IE6/7除外),可作為PC 端後台系統與前台介面的速成開發方案。
主要模組
layui 提供了豐富的內建模組,他們皆可透過模組化的方式按需加載,其中包括:layer、layDate、layPage、laytpl 、table、form、upload、element、tree、layeditor、rate、carousel、flow、util、code等。
相關影片教學推薦:jQuery影片教學
#以上是layui是基於jquery的嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!