converting javascript to jquery

Question

I have this JavaScript functions that I want to convert to jquery but I can't understand jquery. It uses the document.getElementsByName a lot so I would like to know how to convert the document.getElementsByName into jquery.

function getElements(name){
    if (document.getElementsByName(name)[0].className == "visible"){
        document.getElementsByName(name)[0].className = "hidden";
    } else {
        if(document.getElementsByClassName('visible')[0] != null){
            document.getElementsByClassName('visible')[0].className = "hidden";
        }
        document.getElementsByName(name)[0].className = "visible";
    }
}

Answer 1

you can try with attribute selector...

 $('[name="'+name+'"]')  //for name selector
 $('.visible') //for class selector

Answer 2

You should try because when you try practicing you actually are learning:

• document.getElementsByName in jQuery $("[name=Name]");
• document.getElementsById in jQuery $("#IdofElement");
• document.getElementsByClass in jQuery $(".ClassofElement");

Here are some tutorials:

1. jQuery for Beginners
2. jQuery API
3. Beginners Guide to jQuery