A set of jQuery Helpers for front-end development.
Place the following <script>s near the end of your pages, right before the closing </body> tag, to enable them. jQuery must come first, and then our plugins.
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="https://unpkg.com/[email protected]/dist/jquery.helpers.js"></script>
You can download ready-to-use compiled code to easily drop into your project: Download jQuery Helpers.
This code lets you check whether an element exists or not.
if ($('.element').exists()) {
var length = $('.element').exists();
console.log('There are ' + length + ' elements in the page.');
}
$('.element').exists(function(length) {
console.log({
length: length,
content: $(this).html(),
});
}, function () {
console.log('There are no selected elements in the pages.');
});
$('.element').exists(function(length) {
console.log({
length: length,
content: $(this).html(),
});
});
$('.element').exists(null, function() {
console.log('There are no selected elements in the pages.');
});
This code lets you handle things differently when the window is very narrow.
var isMobile = $(window).matchMedia('(max-width: 767px)');
if (isMobile) {
console.log('Mobile');
} else {
console.log('Desktop');
}
$(window).matchMedia('(max-width: 767px)', function (matches) {
if (matches) {
console.log('Mobile');
} else {
console.log('Desktop');
}
});
$(window).matchMedia('(max-width: 767px)', function () {
console.log('Mobile');
}, function () {
console.log('Desktop');
});
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent