# jquery-extension

> Extension for jQuery ( and more. )

Latest version **1.0.7** (published 2023-05-06) · MIT license · 0 weekly downloads

## Install

```sh
npm install jquery-extension
pnpm add jquery-extension
yarn add jquery-extension
bun add jquery-extension
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.7 |
| Published | 2023-05-06 |
| First published | 2023-04-14 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 3 |
| Unpacked size | 1.1 MB |
| Known vulnerabilities | 0 (+2 in 2 direct dependencies) |
| Install scripts | no |
| Author | Joenix |
| Maintainers | joenix |
| Keywords | jquery, jquery.extension, jquery-extension, jquery.vue, jquery-vue |

## Links

- npm: https://www.npmjs.com/package/jquery-extension
- npm.io page: https://npm.io/package/jquery-extension

## Dependencies (3)

- [vue](https://npm.io/package/vue.md) 2.7.14
- [jquery](https://npm.io/package/jquery.md) ^3.6.4
- [vue-template-compiler](https://npm.io/package/vue-template-compiler.md) ^2.7.14

## Alternatives

- [gamedig](https://npm.io/package/gamedig.md) — 29.3K weekly downloads
- [join-monster](https://npm.io/package/join-monster.md) — 12.8K weekly downloads
- [masked](https://npm.io/package/masked.md) — 5.5K weekly downloads
- [@comunica/actor-query-process-explain-logical](https://npm.io/package/@comunica/actor-query-process-explain-logical.md) — 4.7K weekly downloads
- [@veracity/vui](https://npm.io/package/@veracity/vui.md) — 4.6K weekly downloads

## Recent versions

- 1.0.7 (latest) — 2023-05-06
- 1.0.6 — 2023-04-15
- 1.0.5 — 2023-04-15
- 1.0.4 — 2023-04-14
- 1.0.3 — 2023-04-14
- 1.0.2 — 2023-04-14
- 1.0.1 — 2023-04-14
- 1.0.0 — 2023-04-14

## README

# jquery-extension

Extension for jQuery ( and more. )

## Features

- Render HTML by Vue

## How to Use ?

```js
import { render } from 'jquery-extension';
$.fn.extend({ render });
```

or

```html
<script type="text/javascript" src="path_to_jquery-extension/dist/jquery.extension.js"></script>
```

## A Sample

```html
<div id="vueRender">
  <h1 @click="say">Hi, {{ nickname }} !</h1>
</div>
```

```js
$('#vueRender').render({
  data: {
    nickname: 'Joenix',
  },
  methods: {
    say() {
      console.log('Hello ~');
    },
  },
});
```

> Result

```html
Hi, Joenix !!
```

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