mq - GitLite

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

mq

(★ 42)

< 200 byte DOM manipulation

mq Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

### mq
< 200 byte DOM manipulation.

#### Usage

Use a single dollar sign to get a single element (first match) by CSS selector:
```js
var el = $('header nav');
```

Use a double dollar sign to get a NodeList of all elements matching the CSS selector:
```js
var items = $$('header nav li');
```

Operate directly on NodeLists using Array's `forEach` and `map` functions:
```js
var items = $$('header nav li');
items.forEach(function(el) {
    console.log(el.innerHTML);
});
```

On a single element, use any property or function you'd normally use on an Element, HTMLElement, etc. (`addEventListener`, `innerHTML`, `classList`, `offsetTop`).

#### Browser support
Hard to really say, since it depends on what native methods you end up using. But mq is expected to work quite well in IE 9+ and other modern browsers (Chrome, Firefox, Safari). Open up an issue or PR if you know of anything major that doesn't work as expected across browser!

#### Drawbacks
- No standardization of methods/outputs (we are relying on the unreliable fact that browsers will behave in the same way).
- No shortcuts

#### Benefits
- Tiny size
- Performance
- 'Standard' JavaScript &mdash; survive without needing jQuery!

mq

mq Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

mq

mq Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README