将 javascript 转换为 jquery

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/18756298/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-26 22:26:21  来源:igfitidea点击:

converting javascript to jquery

javascriptjquery

提问by Eddie Castle

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

我有这个 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";
    }
}

采纳答案by bipen

you can try with attribute selector...

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

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

回答by Zaheer Ahmed

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

您应该尝试,因为当您尝试练习时,您实际上是在学习:

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

Here are some tutorials:

这里有一些教程:

  1. jQuery for Beginners
  2. jQuery API
  3. Beginners Guide to jQuery
  1. jQuery 初学者
  2. jQuery API
  3. jQuery 初学者指南

回答by sudhAnsu63

Try this.

尝试这个。

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");
    }
}

回答by Ganesh Pandhere

You can refer to the below syntax for your reference.

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

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

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