将javascript转换为jquery

Question

我有这个JavaScript函数，我想转换为jquery，但我无法理解jquery。它使用document.getElementsByName很多，所以我想知道如何将document.getElementsByName转换为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

您可以尝试使用属性选择器...

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

Answer 2

你应该尝试，因为当你练习练习时，你实际上正在学习：

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

以下是一些教程：

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

Answer 3

您可以参考以下语法供您参考。

$('[name=tcol1]') // matches exactly 'tcol1'

$('[name^=tcol]') // matches those that begin with 'tcol'

Answer 4

试试这个。

function getElements(name1){
    if ($("[name='" + name1 + "'").hasClass("visible")){
        $("[name='" + name1 + "'").removeClass("visible").addClass("hidden");
    } else {
        if($(".visible") != null){
            $(".visible").addClass("hidden");
        }
        $("[name='" + name1 + "'").removeClass("visible").addClass("visible");
    }
}