Useful things to do with jQuery

Useful things to do
with jQuery
A quick list from Junior
Developer Central

There’s a lot you can
do with JavaScript
But that doesn’t mean that you have to use it if
you’ve already got jQuery on your page.
These examples all have JavaScript equivalents
but you can make your life easier (and more
consistent) if you use the same ‘language’ for
everything.

jQuery Uncheck checkbox
$('#someElem').prop('checked', false);
More info: jQuery uncheck checkbox

Using the jQuery trim function
var someText = ' I love trimming strings ';
var trimmedText = $.trim(someText); // Gives, 'I
love trimming strings'
More info: jQuery trim function

Using substr to get a jQuery substring
var $someText = $('#name').val();
// Let's say this gets the value 'James Bubb'
var firstName = $someText.substr(0,5);
// firstName now has the value 'James'
var secondName = $someText.substr(6,4);
// secondName now has the value 'Bubb'
More info: jQuery substring

jQuery if statement
var $myElement = $('#myElem');
if($myElement.val().length > 0){
// Do something now that there is some value in the element
}
More info: jQuery if statement

jQuery Change images dynamically
$(function(){
$('#logo').attr('src', '/images/new-logo.jpg');
});
More info: jQuery change image src

jQuery has class
$(function(){
if($('#home').hasClass('active')){
console.log("You're on the home page.");
}
});
More info: jQuery has class

jQuery alert
$(function(){
$('#btn').on('click', function(){
alert('Button pressed');
});
});
More info: jQuery alert

jQuery document ready
$(document).ready(function(){
console.log("It's safe now.");
});
Or
$(function(){
console.log("It's safe now.");
});
More info: jQuery document ready

Also see..
https://www.juniordevelopercentral.com/how-to-install-jquery/

Useful things to do with jQuery

More Related Content

What's hot (20)

Similar to Useful things to do with jQuery (20)

Recently uploaded (20)

Useful things to do with jQuery