Ztechno_core NPM

ztech_jquery_ext

Extends JQuery library for more compact code base

Requirements

jQuery

Installation

NPM

npm install ztech_jquery_ext

Yarn

yarn add ztech_jquery_ext

CDN - jsDelivr

<link href="https://cdn.jsdelivr.net/npm/ztech_jquery_ext/dist/css/ztech_jquery_ext.min.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.jsdelivr.net/npm/ztech_jquery_ext/dist/js/ztech_jquery_ext.min.js" type="text/javascript"></script>

CDN - UNPKG

<link href="https://unpkg.com/ztech_jquery_ext/dist/css/ztech_jquery_ext.min.css" rel="stylesheet" type="text/css" />
<script src="https://unpkg.com/ztech_jquery_ext/dist/js/ztech_jquery_ext.min.js" type="text/javascript"></script>

TypeScript Support

In order to include types add the following in tsconfig.json

{
  "compilerOptions": {
    "types": ["ztech_jquery_ext"]
  }
}

Alternatively Add the following reference at the top of the javascript/typescript file

/// <reference types="ztech_jquery_ext" />

Usage

Include jQuery

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

Include Plugin JS

<script src="https://cdn.jsdelivr.net/npm/ztech_jquery_ext/dist/js/ztech_jquery_ext.min.js" type="text/javascript"></script>

Usage

// [JQuery, JQuery, JQuery, ...]
var rows = $('.row').$arr();

// [number, number, number, ...]
var userids = $('.user').$map(function ($ele) {
  return $ele.attr('id');
});