介绍
fquery-less 是一个基于 Less 的选择器库，它允许你用 jQuery 风格的选择器语法来选取 DOM 元素，并且让你可以直接使用 Less 的功能去处理它们的样式。fquery-less 的代码非常轻量，它本身只有 500 多行代码，但它的功能非常强大，因此你可以大大简化你的前端开发工作。
安装
你可以通过 npm 来安装 fquery-less 包：
npm install fquery-less --save-dev
然后在你的 less 文件中引入 fquery-less：
@import "~fquery-less";
语法
$($selector)：选择元素并返回 fquery 对象。$($selector).$($property)：获取属性值。$($selector).$($property, $value)：设置属性值。$($selector).$($property, $value1, $value2, ...)：为该属性设置多个值。$($selector).$($property, $func)：为该属性设置一个函数来计算值。$($selector).css($property: $value)：设置一个或多个属性值。$($selector).addClass($class)：添加 CSS 类。$($selector).removeClass($class)：删除 CSS 类。$($selector).hasClass($class)：检查元素是否拥有某个 CSS 类。$($selector).toggle($class[, $force])：切换 CSS 类。$($parent).append($child)：将 $child 插入 $parent 的结尾。$($parent).prepend($child)：将 $child 插入 $parent 的开头。$($parent).before($element)：将 $element 插入 $parent 之前。$($parent).after($element)：将 $element 插入 $parent 之后。$($selector).remove()：删除 DOM 元素。$($selector).attr($attribute[, $value])：获取或设置属性值。$($selector).text([$text])：获取或设置文本内容。$($selector).html([$html])：获取或设置 HTML 内容。$($selector).val([$value])：获取或设置表单的值。$($selector).trigger($event)：触发事件。
示例代码
下面是一些 fquery-less 的示例代码：
-- -------------------- ---- ------- -- --- ------ - ------ ---- - -------------- - ----------------- ----- - ----------- - ---------- ----- - -- -- ----------------------------- ----------------------------- --------------------------- -------------------------------------- ----------------------------------------- -- --- -------------------- ----------------- ----- ------ ---- --- -- --- ---------------------------------- ------------------------------------- ------------------------------------- ---------------------------------- -- ---- ------------------------- ----------------------- -------------------------- ----------------------- ------------------------- ------------------------- ------------------------ ------------------------- -- ---- ------------------------ -- ---- ------------------------------- ------------------------------ ----- -- --- ---- --------------------------- --------- -------------------------------- --------------- -- -- --------------------------------- ------- -- -- --------------------------------
结论
fquery-less 是一个非常好的 DOM 元素选择器库。它提供了许多 jQuery 风格的语法，但它以 Less 为基础，因此它让前端开发变得更加简单并且更加精简。如果你正在寻找一种方法来处理 DOM 元素，那么你应该尝试一下 fquery-less！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedcb72b5cbfe1ea06125e3