gli.js 🚀


gli.js is a lightweight JavaScript library that provides a simplified alternative to jQuery. It offers a range of useful functions to manipulate the DOM, handle events, perform AJAX requests, and animate elements.

Table of Contents

- Getting Started
- Usage
- Selecting Elements
- Manipulating Classes
- Displaying Elements
- Manipulating Content
- Manipulating Attributes
- Handling Events
- Traversing the DOM
- AJAX
- Animation
- Examples
- Browser Support
- Contributing
- License

Getting Started

To use gli.js, include the script file in your HTML document:

``html

`

You can also download the gli.js file from the repository and host it locally.

Usage

$3

You can select elements using the s function and pass a CSS selector as a parameter:

`javascript
var elements = s('.selector');
`

$3

- addClass(className): Adds the specified class to the selected elements.
- removeClass(className): Removes the specified class from the selected elements.
- toggleClass(className): Toggles the specified class on the selected elements.

$3

- hide(): Hides the selected elements.
- show(): Shows the selected elements.

$3

- text(content): Gets or sets the text content of the selected elements.

$3

- attr(attributeName, value): Gets or sets the attribute value of the selected elements.
- removeAttr(attributeName): Removes the specified attribute from the selected elements.
- hasAttr(attributeName): Checks if the selected elements have the specified attribute.

$3

- on(eventName, selector, handler): Attaches an event handler to the selected elements or their descendants.

$3

- parent(): Returns a new gli object containing the parent elements of the selected elements.
- children(): Returns a new gli object containing the children elements of the selected elements.
- siblings(): Returns a new gli object containing the sibling elements of the selected elements.

$3

- get(url, successCallback, errorCallback): Performs an HTTP GET request.
- post(url, data, successCallback, errorCallback): Performs an HTTP POST request.

$3

- animate(properties, duration, easing, completeCallback): Animates CSS properties of the selected elements.

For more detailed information on each method and its parameters, please refer to the API Documentation.

Examples

$3

`javascript
s('#element').hide();
`

$3

`javascript
s('.elements').addClass('highlight');
`

$3

`javascript
s('.button').on('click', function(event) {
// Handle click event
});
`

$3

`javascript
s.get('https://api.example.com/data', function(response) {
// Handle successful response
}, function(errorStatus) {
// Handle error
});
`

$3

`javascript
s('.element').animate([
['opacity', 0, 1],
['width', '100px', '200px'],
], 1000, function(timestamp) {
// Animation complete
});
``

You can find more examples and use cases in the examples directory.

Browser Support

gli.js supports all modern browsers, including Chrome, Firefox, Safari, and Edge.

Contributing

Contributions are welcome! Feel free to open an issue or submit a pull request for any improvements or fixes you'd like to contribute.

Please read the Contributing Guidelines for more details on how to contribute.

License

This library is released under the MIT License. See the LICENSE file for more details.