# xiyueta

**Repository Path**: 313801120/xiyueta

## Basic Information

- **Project Name**: xiyueta
- **Description**: xiyueta是一个快速、简洁的JavaScript框架，xiyueta框架设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。xiyueta框架的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口。
网址：www.xiyueta.com
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: https://www.xiyueta.com/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-04-28
- **Last Updated**: 2023-09-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: JavaScript, 框架

## README

# xiyueta.js
#### 解析html网页、css样式、asp程序,使用jQuery语法来遍历操作dom结构。

![image](https://www.xiyueta.com/images/xiyueta_demo.gif)

<br/>

### 立即体验
<a href="https://www.xiyueta.com/demo/" target="_blank">在线Demo</a>

### 常用功能一览
```
> xiyueta().text() 获取匹配全部文本
> xiyueta().html() 获取匹配第一个HTML
> xiyueta().find() 获取匹配元素后代
> xiyueta().add() 追加新的匹配元素
> xiyueta().not() 删除匹配元素
> xiyueta().is() 检测匹配元素
> xiyueta().prop() 检测获得元素属性值
> xiyueta().attr() 第一个元素的属性值
> xiyueta().removeAttr() 删除元素属性
> xiyueta().css() 设置CSS属性
> xiyueta().val() 表单元素的值
> xiyueta().remove() 删除回调一组列表
> xiyueta().each() 遍历匹配元素
> xiyueta().addClass() 类添加到元素中
> xiyueta().hasClass() 搜索元素中类
> xiyueta().removeClass() 移除元素类
> xiyueta().wrap() 包裹到元素周围
> xiyueta().unwrap() 移除元素父元素
> xiyueta().parse() 解析html字符串
> xiyueta().debug() 打印html结构
> xiyueta().print() 打印HTML内容...
```
### 浏览器兼容性
```Chrome（及同内核的浏览器如QQ浏览器、360浏览器等等），Firefox，Safari，IE 11```

<br/>

#### 1. 安装包
  ```bash
  npm i xiyueta
  ```
或
  ```bash
  yarn add xiyueta
  ```

<br/>

#### 2. 在nodejs里使用xiyueta
```js
const xiyueta = require('xiyueta');
const $ = xiyueta.load('<h2 class="Title">Hello world</h2>');

$('h2').text(123);
$('h2.title').addClass('xyt');

$.html();
//=> <h2 class="Title xyt">123</h2>
```
<br/>

#### 3. 在网页里使用xiyueta
```html
<script src="https://www.xiyueta.com/js/xiyueta.min.js"></script>
<script>
var html='<span>xiyueta.js</span><span> library</span>'; 
$.load(html);
$.log($("span").text());
//=> xiyueta.js library
</script>
```
<br/>

#### 4. 在asp程序里使用xiyueta
```html
<script  language="javascript" runat="server" src="app/dist/asp.xiyueta.min.js"></script> 
<%
'这里需要运行一段ASP程序，下面才可以正常运行javascript程序，疑问？'
xiyueta.load("<title>hello world!</title>")
console.log(xiyueta("title").text()) 'ASP里不可以用 $ 直接用 xiyueta代替
'=> hello world!
%>

<script language="javascript" runat="server">
$.load("<title>hello world!</title>")
console.log($("title").text()); //上面要运行一段ASP程序，这里才不会报错，因为要用到ASP程序里的response.write输出函数
//=> hello world! 
</script>
```

<br/>

### 资源链接
<hr>

文档官网：<a href="https://www.xiyueta.com/doc/" target="_blank">xiyueta.com/doc/</a>

在线演示：<a href="https://www.xiyueta.com/demo/" target="_blank">xiyueta.com/demo/</a>

Github仓库：<a href="https://github.com/313801120/xiyueta" target="_blank">github.com/313801120/xiyueta</a> 

Gitee仓库：<a href="https://gitee.com/313801120/xiyueta" target="_blank">gitee.com/313801120/xiyueta</a>

Gitcode仓库：<a href="https://gitcode.net/qq313801120/xiyueta" target="_blank">gitcode.net/qq313801120/xiyueta</a> 

npm仓库：<a href="https://www.npmjs.com/package/xiyueta" target="_blank">npmjs.com/package/xiyueta</a> 

更新日志：<a href="https://www.xiyueta.com/doc/log/" target="_blank">xiyueta.com/doc/log/</a>

技术交流群：扫如下二维码加群

![image](https://www.xiyueta.com/images/qq2_qrcode.png)