# tinyjquery

> A Web Front Library imitated from jQuery, based on ecmascript 2015, supported IE10 and above.

Latest version **1.0.1** (published 2018-08-03) · MIT license · 0 weekly downloads

## Install

```sh
npm install tinyjquery
pnpm add tinyjquery
yarn add tinyjquery
bun add tinyjquery
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2018-08-03 |
| First published | 2018-08-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 767 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | bougieL |
| Maintainers | bougie |
| Keywords | html, css, dom, javascript, library |

## Links

- npm: https://www.npmjs.com/package/tinyjquery
- Repository: https://github.com/bougieL/tinyJquery
- Homepage: https://github.com/bougieL/tinyJquery#readme
- Issues: https://github.com/bougieL/tinyJquery/issues
- npm.io page: https://npm.io/package/tinyjquery

## Alternatives

- [@tsparticles/shape-image](https://npm.io/package/@tsparticles/shape-image.md) — 303.7K weekly downloads
- [@tsparticles/shape-line](https://npm.io/package/@tsparticles/shape-line.md) — 233.7K weekly downloads
- [stringify-attributes](https://npm.io/package/stringify-attributes.md) — 58.6K weekly downloads
- [mobile-drag-drop](https://npm.io/package/mobile-drag-drop.md) — 46.3K weekly downloads
- [@comunica/actor-rdf-parse-html](https://npm.io/package/@comunica/actor-rdf-parse-html.md) — 29.2K weekly downloads

## Recent versions

- 1.0.1 (latest) — 2018-08-03
- 1.0.0 — 2018-08-03

## README

## Description
A Web Front Library imitated from jQuery, based on ecmascript 2015, supported IE9 and above.

## Use
* insert into head tag
```html
<script src='//raw.githubusercontent.com/bougieL/tinyJquery/master/dist/js/tinyJquery.min.js'></script>
```
or  
* `import` in commonJs
```bash
npm i tinyjquery -S
```

```javascript
import $ from 'tinyjquery'
```
## Characteristics
1. Batch operation
    Change all divisions' background color:
    ```javascript
    $('div').css({background: 'green'})
    ```
2. Chain operation
    Execute another operation directly after an operation:
    ```javascript
    $('div').css({background: 'green'}).ac('green-box')
    ```
3. Callback ajax supported IE9 and above
    ```javascript
    $.ajax({
        url: '/api/myUrl',
        method: 'get',
        success: function(data) {
            console.log(data)
        },
        error: function(err) {
            console.error(err)
        }
    })
    ```
## Method
Use `$('cssSelector')` or `$(nativeDomObject)` or `$(nativeDomObjectArray)` or `$(arrayLikeObject)` to generate a `TinyJquery` obejct.  
For example:
    `$('div')`, `$('.box')`, `$('#target')`, `$(document.getElementById('#target'))`, `$(document.getElementsByClassName('box'))`, `$(document.querySelectorAll('.box'))`...
<table>
<thead>
<tr>
<th>Method</th>
<th style="text-align:center">Arguments</th>
<th>Jquery</th>
</tr>
</thead>
<tbody>
<tr>
<td>on</td>
<td style="text-align:center">eventName, fn, [ bubble = false ]</td>
<td>bind</td>
</tr>
<tr>
<td>un</td>
<td style="text-align:center">eventName, fn, [ bubble = false ]</td>
<td>unbind</td>
</tr>
<tr>
<td>ac</td>
<td style="text-align:center">className</td>
<td>addClass</td>
</tr>
<tr>
<td>rc</td>
<td style="text-align:center">className</td>
<td>removeClass</td>
</tr>
<tr>
<td>tc</td>
<td style="text-align:center">className</td>
<td>toggleClass</td>
</tr>
<tr>
<td>cc</td>
<td style="text-align:center">className</td>
<td>hasClass</td>
</tr>
<tr>
<td>css</td>
<td style="text-align:center">styleObj</td>
<td>css</td>
</tr>
<tr>
<td>val</td>
<td style="text-align:center">[ value ]</td>
<td>val</td>
</tr>
<tr>
<td>html</td>
<td style="text-align:center">[ html ]</td>
<td>html</td>
</tr>
<tr>
<td>attr</td>
<td style="text-align:center">attribute, [ attributeValue ]</td>
<td>attr</td>
</tr>
<tr>
<td>parent</td>
<td style="text-align:center">------</td>
<td>parent</td>
</tr>
<tr>
<td>eq</td>
<td style="text-align:center">index</td>
<td>eq</td>
</tr>
<tr>
<td>find</td>
<td style="text-align:center">cssSelector</td>
<td>find</td>
</tr>
<tr>
<td>getDom</td>
<td style="text-align:center">------</td>
<td>get(0)</td>
</tr>
<tr>
<td>getDomList</td>
<td style="text-align:center">------</td>
<td>------</td>
</tr>
<tr>
<td>each</td>
<td style="text-align:center">callback</td>
<td>each</td>
</tr>
<tr>
<td>append</td>
<td style="text-align:center">nativeDom || TinyJquery</td>
<td>append</td>
</tr>
<tr>
<td>appendTo</td>
<td style="text-align:center">nativeDom || TinyJquery</td>
<td>appendTo</td>
</tr>
<tr>
<td>remove</td>
<td style="text-align:center">------</td>
<td>remove</td>
</tr>
<tr>
<td>height</td>
<td style="text-align:center">------</td>
<td>height</td>
</tr>
<tr>
<td>width</td>
<td style="text-align:center">------</td>
<td>width</td>
</tr>
<tr>
<td>bound</td>
<td style="text-align:center">------</td>
<td>offset</td>
</tr>
</tbody>
</table>

---
_Source: https://npm.io/package/tinyjquery · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._