将 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
converting javascript to jquery
提问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.getElementsByName
a lot so I would like to know how to convert the document.getElementsByName
into 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.getElementsByName
in jQuery$("[name=Name]");
document.getElementsById
in jQuery$("#IdofElement");
document.getElementsByClass
in jQuery$(".ClassofElement");
document.getElementsByName
在 jQuery 中$("[name=Name]");
document.getElementsById
在 jQuery 中$("#IdofElement");
document.getElementsByClass
在 jQuery 中$(".ClassofElement");
Here are some tutorials:
这里有一些教程:
回答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'