什么是 pine.js
pine.js 是一个基于 jQuery 的插件，它可以让用户方便地操纵和控制 HTML 元素的显示和隐藏，使前端开发更加便利。
安装和引入 pine.js
你可以通过 npm 安装 pine.js：
--- ------- ------- ------
然后在你的项目中引入它：
------ ----------
使用 pine.js
pine.js 的调用非常简单，只需要将 jQuery 对象传入，再调用它提供的方法即可。
.pine()
可以将 jQuery 对象转换成 pine.js 对象。
----- -------- - -------------- ----- ---------- - ----------------
.pineShow()
让元素显示。
----- -------- - -------------- --------------------
.pineHide()
让元素隐藏。
----- -------- - -------------- --------------------
.pineToggle()
让元素显示或隐藏。
----- -------- - -------------- ----------------------
.pineFadeIn()
让元素淡入。
----- -------- - -------------- ------------------------- -- ----- -----
.pineFadeOut()
让元素淡出。
----- -------- - -------------- -------------------------- -- ----- -----
.pineFadeToggle()
让元素淡入或淡出。
----- -------- - -------------- ----------------------------- -- -------- -----
.pineSlideDown()
让元素向下滑动展开。
----- -------- - -------------- ---------------------------- -- ----- -----
.pineSlideUp()
让元素向上滑动折叠。
----- -------- - -------------- -------------------------- -- ----- -----
.pineSlideToggle()
让元素向上或向下滑动展开或折叠。
----- -------- - -------------- ------------------------------ -- -------- -----
示例代码
--------- -----
------
------
----- --------------- --
-------------- ------------
------- -----------------------------------------------------------
------- -------------------------------------------------------
-------
------
------- ---------------------
------- ---------------------
---- -------------------------
--------
---------- -- -
----- ----------- - -----------
----- ----------- - -----------
----- -------- - ---------------------
-------------------------- -- -
--------------------
---
-------------------------- -- -
--------------------
---
---
---------
-------
-------这段代码会创建两个按钮和一个 div 元素，点击“显示”按钮会使元素显示，点击“隐藏”按钮会使元素隐藏。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005596581e8991b448d6e37