1. dom7
Minimalistic JavaScript library for DOM manipulation, with a jQuery-compatible API
dom7
Package: dom7
Created by: nolimits4web
Last modified: Thu, 02 Feb 2023 10:56:46 GMT
Version: 4.0.6
License: MIT
Downloads: 3,546,453
Repository: https://github.com/nolimits4web/dom7

Install

npm install dom7
yarn add dom7

Dom7

Minimalistic JavaScript library for DOM manipulation, with a jQuery-compatible API

Dom7 - is the default DOM manipulation library built-in Framework7. It utilizes most edge and high-performance methods for DOM manipulation. You don’t need to learn something new, its usage is very simple because it has the same syntax as well known jQuery library with support of the most popular and widely used methods and jQuery-like chaining.

See Framework7 Dom7 documentation for usage examples and available methods.

Installation

Dom7 can be installed with NPM:

npm install dom7 --save

Usage

 // import Dom7 and methods you need
import { $, addClass, removeClass, toggleClass, on } from 'dom7';

// install methods
$.fn.addClass = addClass;
$.fn.removeClass = removeClass;
$.fn.toggleClass = toggleClass;
$.fn.on = on;

// use
$('p').addClass('custom-paragraph');

$('p').on('click', function() {
  $(this).toggleClass('custom-paragraph');
});

Documentation

See full documenation here

Contribution

Yes please! See the contributing guidelines for details.

Licence

This project is licensed under the terms of the MIT license.

Dependencies

RELATED POST

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Enhancing Vue.js Development: Harnessing the Potential of Vue-Loader

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Simplify Data Validation in Vue.js: A Step-by-Step Guide to Using Regex

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Troubleshooting Made Easy: Common Issues and Solutions with vue-loader Without vue-cli

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Optimizing Webpack 4 with Vue CLI 3: Disabling the Cache-Loader

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin

Step-by-Step Guide: How to Add a Function to Your Vuex Plugin