From 573a644bfa69361ff56af82eb321bf09b145a189 Mon Sep 17 00:00:00 2001 From: gitee-bot Date: Wed, 9 Jul 2025 09:46:41 +0000 Subject: [PATCH] Update README.md --- README.md | 83 ++++++++++--------------------------------------------- 1 file changed, 14 insertions(+), 69 deletions(-) diff --git a/README.md b/README.md index 171673a..180b2d6 100644 --- a/README.md +++ b/README.md @@ -1,73 +1,18 @@ + + # Defjs -#### 介绍 -轻量级简易版js dom操作工具, 仿JQuery +## 介绍 +Defjs 是一个用于演示的 JavaScript 项目,旨在展示如何通过 HTML 和 JavaScript 构建一个简单的前端页面。该项目主要包含一个 HTML 页面和一个 JavaScript 文件,便于学习和理解基础的前端开发技巧。 + +## 软件架构 +项目结构如下: +- `index.html`: 主 HTML 页面,用于展示前端界面。 +- `js/def.js`: JavaScript 脚本,与 HTML 页面结合实现交互功能。 -#### 软件架构 -纯原生js - -#### 使用方式 -引入 def.js -```js - -``` -$$(元素选择器) -```js - $$('#btn').click(() => { - console.log('Hello world ...'); - $$('#div').html('Hello world ...') - }) -``` +## 使用方式 +1. 打开 `index.html` 文件即可在浏览器中查看页面。 +2. 确保 `js/def.js` 文件与 HTML 页面正确连接,以实现页面的交互功能。 -#### 已实现方法列表 -- attr -- removeAttr -- data -- removeData -- dataAll -- offset -- getCls -- hasCls -- addCls -- removeCls -- toggleCls -- firstChild -- cloneNode -- remove -- append -- prepend -- appendTo -- text -- html -- appendText -- prependText -- appendHtml -- prependHtml -- val -- click -- bind -- unbind -- on -- off -- show -- hide -- css -- removeCss -- parent -- parents -- match -- matches -- find -- findAll -- findByAttr -- prev -- next -- children -- findByTag -- get -- set -- attrNs -- eq -- len -- toArr -- each \ No newline at end of file +## 已实现方法列表 +目前项目中实现了基础的 HTML 页面结构和与之关联的 JavaScript 脚本,具体功能需参考代码实现。 \ No newline at end of file -- Gitee