jQuery Archives - Code Baker

jQuery

get query string parameter with name

I made simple script to get query string value from url by passing the name. You need to pass only

February 16, 2020 Harinder Singh

jQuery

Replace Matched string from Text : jQuery

jQuery replace() method is used to replace any string from Text but i will remove only first matched string not all.

January 5, 2019 Harinder Singh

Article jQuery

Multilevel mobile menu jQuery Script

Multilevel mobile menu jQuery script to Open and close the menu

$('.toggle').click(function(e)
	{
		var $this = $(this);
	  
		if ($this.siblings('ul.inner').hasClass('menu_show'))
		{
			$this.siblings('ul.inner').removeClass('menu_show');
			$this.siblings('ul.inner').slideUp('slow');
			$this.children('span').children('i').removeClass('fa-angle-down');
			$this.children('span').children('i').addClass('fa-angle-right');
		}
		else
		{
			$('ul.inner').removeClass('menu_show');
			$('ul.inner').slideUp('slow');
			$('footer h3 span i').removeClass('fa-angle-down');
			$('footer h3 span i').addClass('fa-angle-right');

			$this.siblings('ul.inner').addClass('menu_show');
			$this.siblings('ul.inner').slideDown('slow');
			$this.children('span').children('i').addClass('fa-angle-down');
		}
	});

$('.toggle').click(function(e)

{

var $this = $(this);

if ($this.siblings('ul.inner').hasClass('menu_show'))

{

$this.siblings('ul.inner').removeClass('menu_show');

$this.siblings('ul.inner').slideUp('slow');

$this.children('span').children('i').removeClass('fa-angle-down');

$this.children('span').children('i').addClass('fa-angle-right');

}

else

{

$('ul.inner').removeClass('menu_show');

$('ul.inner').slideUp('slow');

$('footer h3 span i').removeClass('fa-angle-down');

$('footer h3 span i').addClass('fa-angle-right');

$this.siblings('ul.inner').addClass('menu_show');

$this.siblings('ul.inner').slideDown('slow');

$this.children('span').children('i').addClass('fa-angle-down');

}

});

December 8, 2018 Harinder Singh

Article CSS HTML jQuery

How to fixed the table header and columns jQuery

We used HTML tag for creating table. Create three different tables for fixed header, fixed column and other columns. Create

December 8, 2018December 8, 2018 Harinder Singh

jQuery

Fancy scroll bar in jQuery

Now days all website used custom scroll bar, Here we have example of Fancy Scroll bar for Mobile and desktop.

December 8, 2018December 8, 2018 Harinder Singh

jQuery

Change text color on mouse hover with jQuery

We use mouseover() and mouseleave() to change the text color. Follow the example:

//CSS style
p{
color: #000;
}

//CSS style

color: #000;

}

$('p').mouseover(function(){
    $(this).css('color', '#ff0000');
}).mouseleave(function(){
    $(this).css('color', '#000');
});

$('p').mouseover(function(){

$(this).css('color', '#ff0000');

}).mouseleave(function(){

$(this).css('color', '#000');

});

December 8, 2018 Harinder Singh

jQuery

How to get offset of element in jQuery

Choose the element which you want to get the offset. Create object of that element. $(element) and it return the

December 8, 2018 Harinder Singh

Article jQuery

Validation password and confirm with jQuery

Create password validation with jQuery, we using jQuery library and validation library. First include both jQuery libraries inside head tag

December 2, 2018 Harinder Singh

Article jQuery

Form validation with jQuery

Create form validation with jQuery, we using jQuery library and validation library. First include both jQuery libraries inside head tag

December 2, 2018 Harinder Singh

jQuery

How to remove file extension with jQuery

You can remove the file extension from file name or string using jQuery.

var filename = 'new_photo.png';
filename.split('.').slice(0, -1).join('.');
//result new_photo

var filename = 'new_photo.png';

filename.split('.').slice(0, -1).join('.');

//result new_photo

December 2, 2018December 2, 2018 Harinder Singh

← Previous