站長資訊網
判斷步驟：1、利用jQuery選擇器選取form元素，語法“$("form")”或“$("#id屬性值")”，會返回一個包含form元素的jQuery對象；2、利用length屬性判斷該jQuery對象是否為空，語法“jQuery對象.length!=0”，如果返回值為true則form元素存在，如果返回值為false則form元素不存在。
前端（vue）入門到精通課程：進入學習
本教程操作環境：windows7系統、jquery3.6.1版本、Dell G3電腦。
在jquery中，可以利用jQuery選擇器和length屬性來判斷form元素是否存在。
實現步驟：
步驟1、利用jQuery選擇器選取form元素
1）jQuery 元素選擇器基于元素名選取元素。
$("標簽名")
例如$("form") 就是選取 <form> 標簽元素。
2）jQuery id選擇器基于id屬性選取元素。
$("#id屬性值") <form id="屬性值"> //表單元素 </form>
會返回一個包含form元素的jQuery對象。
步驟2、利用length屬性判斷jQuery對象是否為空
length屬性可以獲取jQuery對象的長度；然后可以通過檢查該長度是否為0，即可判斷對象是否為空。
jQuery對象.length!=0
-
如果不為空（返回值為true），則form元素存在
-
如果為空（返回值為false），則form元素不存在
實現示例：判斷form元素標簽和input元素標簽是否存在
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="js/jquery-3.6.1.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("button").click(function() { var len1=$("form").length; var len2=$("input").length; if(len1!=0){ console.log("form元素存在") }else{ console.log("form元素不存在") } if(len2!=0){ console.log("input元素存在") }else{ console.log("input元素不存在") } }); }); </script> </head> <body> <form action="demo-form.php"> E-mail: <input type="email" name="userid"><br><br> <textarea></textarea><br><br> </form> <button>檢查form元素和input元素是否存在</button> </body> </html>
可以看出，上例中，form元素和input元素都存在。
【推薦學習：jQuery視頻教程、web前端視頻】
