Question

$(elem)的目的是什么？我什么时候使用它？

我的javascript函数有问题，我有3个表单，这3个表单有时会共享相同的字段类，因此当我尝试对表单中的1个进行验证时，即使它已正确填充，它也会返回一个错误，因为该函数将获得另一个表单的类，我的一个朋友说使用$（elem），因为它适用于他的问题，但我不知道如何使用$（elem），何时使用它，它是如何运作的。

如果有人能向我解释这一点真的很棒。

一个例子也将被赞赏：）

示例：

function dispFields(a, b, c, z, ch) 
{
    var valid;
    var blanks = Array();
    var blanks2 = Array();
    var email_reg = /^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$/;
    var myVal = $('#'+a).find('input.required').map(function() {
                               return $(this).val();
                               }).get().join(',');
    var myTitle = $('#'+a).find('input.required').map(function() {
                               return $(this).attr("title");
                               }).get().join(',');

    var myEmail = $('#'+a).find('input.email-field').map(function() {
                               return $(this).val();
                               }).get().join(',');

    var myEmailtitle = $('#'+a).find('input.email-field').map(function() {
                               return $(this).attr("title");
                               }).get().join(',');

        var email_val = myEmail.split(',');
        var email_title = myEmailtitle.split(',');
        var email_error = email_val.length;
        var error_form = myVal.split(',');
        var error_title = myTitle.split(',');
        var errorlength = error_form.length;

        String.prototype.email_match = function(s){
           return this.match(s)!==null 
        }
        for(y=0;y<email_error;y++){
            if (!('indexOf' in Array.prototype)) {
                Array.prototype.indexOf= function(finds, is /*opt*/) {
                    if (is===undefined) is= 0;
                    if (is<0) is+= this.length;
                    if (is<0) is= 0;
                    for (var n= this.length; is<n; is++)
                        if (is in this && this[is]===finds)
                            return is;
                    return -1;
                };
            }
            if((error_title.indexOf(email_title[y])) == -1){    
                if(email_val[y] == ''){
                    valid = true;
                }else{
                    if(email_reg.test(String(email_val[y]).toLowerCase())==false){
                        blanks2[y] = email_title[y]+" - Should be valid email";
                        valid = false;
                    }
                }
            }
        }
        for(x=0;x<errorlength;x++){
            if(error_form[x] == ''){
                    if(myTitle == ''){
                        valid = true;
                    }else{
                        blanks[x] = "Required - "+error_title[x];
                        valid = false;
                    }
            }else{
                var myBool = (String(error_title[x]).toLowerCase()).email_match("email");
                if(myBool == true){
                    if(email_reg.test(String(error_form[x]).toLowerCase())==false){
                        blanks[x] = error_title[x]+" - Should be valid email";
                        valid = false;
                    }
                }else{
                    if(blanks == ''){
                        valid = true;
                    }
                }
            }   
        }
        if(blanks == '' && blanks2 == ''){
            valid = true;
            }else{
            valid = false;
        }

        var blankc = blanks.concat(blanks2);
        var requiredS = blankc.toString();
        var nblank = requiredS.split(',').join("\n");

        if(valid != true){  
            alert("Please review:\n\n"+nblank);
            document.getElementById(a).style.display = "";
            document.getElementById(b).style.display = "none";
        }else{
            var ssplits = z.split(',');
            var fieldlengths = ssplits.length;
            var indexes = fieldlengths - 1;
            var d;
            var e;
            d=parseInt(c,10)+1;
            e=d-1;

            if(b == ssplits[indexes]){
                $("#step"+d).addClass("active");
                $("#step"+e).removeClass("active");
                document.getElementById(a).style.display = "none";
                document.getElementById(b).style.display = "";
                document.getElementById("tbutton").style.display = "";
                document.getElementById("tcont").style.display = "none";    
                document.getElementById("captchas").style.display = "none";     
            }

            $("#step"+d).addClass("active");
            $("#step"+e).removeClass("active");
            document.getElementById(a).style.display = "none";
            document.getElementById(b).style.display = "";
            if(b == ch){
                document.getElementById("captchas").style.display = "";     
            }
        }
    return false;
}

现在每当我提交表单时都会调用此函数，但在页面中我可以有2或3个可能具有“必需”类的表单，因此即使填写表单中的字段，它仍会发出错误警告因为它正在获取其他形式的字段的类。

Answer 1

$（通常）是jQuery函数。

如果您正在使用jQuery，那么$(elem)将elem包装为jQuery对象，并允许您访问其所有实用程序方法。

您的朋友可能建议您使用jQuery，这样您就可以执行以下操作：

if ($(elem).hasClass('<your validation class>')) {

编辑 - 查看刚刚添加的代码，看起来你已经在使用jQuery了。没有你的朋友所说的更多背景，很难推测出它的含义。

如果您有关于如何使用jQuery实现某些功能的具体问题，您可以随时使用更窄的代码段发布新问题。

Answer 2

** $帮助您获得与选择器结合的元素的处理程序。** 例如，您有一个带有A类的元素，您可以使用$来获取该元素的处理程序 - ＆gt; $（“。A”）[。 - ＆GT;类选择器，＃ - ＆gt; id选择器]。因此，为了使用jquery，你必须使用$和一个选择器来操作一个元素，即$（“。A”）。text（“myText”） - ＆gt;使用类A
设置所有元素的文本

$（elem）的目的是什么？

2 个答案: