☰

DOMUtils

使用js重新对jQuery的部分函数进行了仿写

此腳本不應該直接安裝，它是一個供其他腳本使用的函式庫。欲使用本函式庫，請在腳本 metadata 寫上： // @require https://update.greasyfork.org/scripts/465772/1821541/DOMUtils.js

如何安裝

您需要先安裝使用者腳本管理器擴展，如 Tampermonkey、Greasemonkey 或 Violentmonkey 之後才能安裝該腳本。

You will need to install an extension such as Tampermonkey to install this script.

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Violentmonkey 後才能安裝該腳本。

您需要先安裝使用者腳本管理器擴充功能，如 Tampermonkey或 Userscripts 後才能安裝該腳本。

你需要先安裝一款使用者腳本管理器擴展，比如 Tampermonkey，才能安裝此腳本

您需要先安裝使用者腳本管理器擴充功能後才能安裝該腳本。

（我已經安裝了使用者腳本管理器，讓我安裝！）

Advertisement:

如何安裝

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展，比如 Stylus，才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

你需要先安裝一款使用者樣式管理器擴展後才能安裝此樣式

（我已經安裝了使用者樣式管理器，讓我安裝！）

Advertisement:
作者
WhiteSevs
版本
0.0.1.20260511085231
建立日期
2023-05-08
更新日期
2026-05-11
尺寸
150.3 KB
授權條款
未知

版本

  • 最新版本：npm version

使用

npm install @whitesev/domutils
// 或者
nnpm add @whitesev/domutils

使用js重新对jQuery的部分函数进行了仿写

  • addClass 给元素添加class
  • after 在元素后面添加兄弟元素或HTML字符串
  • animate 在一定时间内改变元素的样式属性，实现动画效果
  • append 函数在元素内部末尾添加子元素或HTML字符串
  • attr 获取或设置元素的属性值
  • before 在元素前面添加兄弟元素或HTML字符串
  • blur 绑定或触发元素的blur事件
  • click 绑定或触发元素的click事件
  • css 获取或设置元素的样式属性值
  • delegate 为指定元素的子元素绑定事件
  • empty 移除元素的所有子元素
  • fadeIn 淡入元素
  • fadeOut 淡出元素
  • focus 绑定或触发元素的focus事件
  • height 获取元素的高度
  • hide 隐藏元素
  • onHover 当鼠标移入或移出元素时触发事件
  • html 获取或设置元素的HTML内容
  • onKeydown 当按键按下时触发事件
  • onKeyup 当按键松开时触发事件
  • next 获取当前元素的后一个兄弟元素
  • off 取消绑定事件
  • offset 设置或返回被选元素相对于文档的偏移坐标
  • on 绑定事件
  • outerHeight 获取元素的外部高度（包括边框和外边距）
  • outerWidth 获取元素的外部宽度（包括边框和外边距）
  • parent 获取当前元素的父元素
  • prepend 函数 在元素内部开头添加子元素或HTML字符串
  • prev 获取当前元素的前一个兄弟元素
  • prop 获取或设置元素的属性值
  • ready 等待文档加载完成后执行指定的函数
  • remove 移除元素
  • removeAttr 移除元素的属性
  • removeProp 移除元素的属性
  • show 显示元素
  • siblings 获取当前元素的所有兄弟元素
  • text 获取或设置元素的文本内容
  • toggle 切换元素的显示和隐藏状态
  • emit 主动触发事件
  • val 获取或设置元素的value属性值
  • width 获取元素的宽度
  • wrap 将一个元素包裹在指定的HTML元素中

具体注释在代码中查看