https://github.com/ryanburnette/jquery-helpers

https://github.com/ryanburnette/jquery-helpers

Last synced: 17 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/ryanburnette/jquery-helpers
• Owner: ryanburnette
• License: apache-2.0
• Created: 2014-11-26T04:51:33.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2014-12-03T16:53:47.000Z (about 10 years ago)
• Last Synced: 2024-11-19T19:52:26.415Z (3 months ago)
• Language: JavaScript
• Size: 160 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# jQuery-helpers

I've started to notice lately that I'm writing or searching out certain jQuery methods

on Stack Overflow over and over again. I'm going to try to compile a bundle of useful

patterns that I use a lot with jQuery here so I can grab them as a Bower package when I need them.

## Conventional Arguments

`$el` means you're passing one element. Usually `$el.eq(0)` will be called to make sure we're working with just one.

`$els` means you're passing one or more elements. On a page with many paragraph tags, `$('p')` would be a good example.

## Helper Methods

### `heightOfTallestOf($els)`

This method returns the `height()` of the tallest of the set of elements pass in.

### `getFloatedRows($els)`

Pass in a set of elements and it'll return them to you as an array broken into rows.

It uses `getBoundingClientRect` to avoid triggering a repaint and keeping it fast.

Iterate the resulting array like so:

```javascript

helpers.getFloatedRows($('ul li')).forEach(function ($row) {

  console.log('this is a jQuery object', $row, 'but the array it came from was not');

});

```

### `hdpi()`

Returns true if the device pixel ratio is higher than 1.