mq - GitLite

KO | EN

gitlite — search

#python #javascript #php #nodejs #react #android #ansible #ruby #dotnet #stack #mean-stack #mongodb

mq

★ 42 Open GitHub ↗

< 200 byte DOM manipulation

// 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

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README