jQuery Hover

As a developer I hate the fact that Internet Explorer is not up to date with their web browser. For instance the w3 has approved that you can use the :hover selector on anything not just a tags. Now most browsers do support the :hover selector but IE. Why they can’t catch up with times and be like everyone else is beyond my comprehension. Well one really useful thing to fix this problem is jQuery Hover. You can use jQuery Hover to give any object a hover state and it will work in IE and all other browsers. Also you can have jQuery pull out the a tags href from inside any element. For instance if you have some blocks with different information that you want to link to a certain page all you will have to do is make a box and call the a tags href.

jQuery Hover State

So to show you how to do this I am going to use my site under my main post on the homepage I have some of my recent post. Now I want to have the full post area to have a jQuery hover state that changes the background. So I would do this.

jQuery Hover with a click event

If you want jQuery to do a hover state only then that will work for you but if you want to get the a tags href, so that when you click on the object area it will take you to that page. You would have to add this after your jQuery hover code. So now your jQuery code should be.

This is very useful to get around the IE problem and if someone checks your site they can see that you know jQuery. If you need any help with this just let me know. I would be more than willing to help.

Website Design , Development, and SEO Marketing

If you by chance need web design, web development, search engine optimization, or marketing done to one of your sites you can get in contact with me. I am a Lansing based Web Development, Web Design, Web Hosting, and Web Marketing freelancer.

About Shane

Hi I am Shane the main author of this blog. I am a self taught web developer. I have been working in this industry since 2008. I work a lot with WordPress, Magento, SEO & SEM, and custom built websites. I love all sports and I will try anything at least twice.

Working remotely is one of the fastest growing perks in the working world. It’s something that people talk about a lot, and it’s a solution to the “work/life balance” problem that bothers so many people. Most of us have asked the question, “Why do I work so hard?” For some people, there are many sides

Know little about the use of keylogger for Android? Wondering why so many friends choose free Android spy? What benefits can you get from tracking cell phones of your children and employees with the help of sms tracker? Keep reading and find the answers in this short article. Have you ever dreamed of taking control

As a photographer whether it be a hobby or on a professional level the realm of high dynamic range photography can be very troublesome without photo editing software specifically made for photo HDR. Aurora HDR photography can be very challenging as it is, but with Aurora the job gets a little bit easier. Some might

  • I’m a lover of jQuery but I didn’t know about the .hover(over, out) will definitely check it out next time.
    I usually go for the mouseenter/mouseleave scenario but then that usually needs the stop-propagation so it behaves itself with repeated event triggers.
    Thanks for the tips!

  • I am not sure where you’re getting your information, but good topic. I needs to spend some time learning much more or understanding more. Thanks for excellent information I was looking for this jQuery Hover for my mission.

  • javanewbee

    $(document).ready(function () {
    $(‘img.menu_class’).hover(over, out)(function () {
    $(‘ul.the_menu’).slideToggle(‘medium’);
    });
    });

    i need to convert this to click & hover menu.. could you please help??? if possible can you provide hover, mouseclick & click/hover options.. hope m not asking much…

  • Farrah

    I found your site saw a few of your other posts too. thanx

  • Floost

    I read a few topics. I respect your work and added blog to favorites.

  • It’s interesting to find how challenging the content side is for some