jQuery 判断元素是否存在
生活随笔
收集整理的這篇文章主要介紹了
jQuery 判断元素是否存在
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
前言
- jQuery v3.5.1
jQuery 查找元素
比如查找某個input元素$("input[name='email']")。
示例：
<html> <header> <script crossorigin="anonymous" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" src="https://lib.baomitu.com/jquery/3.5.1/jquery.min.js"></script> <script type="text/javascript"> $(function(){$("#form1").submit(function(){alert($("input[name='email']").val());return false;}); }); </script> </header><body><form id="form1" action="#"><span>郵箱：</span><input type="text" name="email" value="1@1.com" /><br/><input type="submit" /></form> </body> </html>jQuery 判斷元素是否存在
使用 jQuery 查找元素時，如果該元素不存在，則會影響后面的代碼執行。因此需要判斷元素是否存在。
jQuery 查找的元素不存在時，依然會返回對象。
if($("input[name='email']")) {//永遠執行，不管元素是否存在 }可以通過 jQuery 的 length 屬性判斷元素是否存在。
if($("input[name='email']").length > 0) {// 存在 }示例：
<html> <header> <script crossorigin="anonymous" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" src="https://lib.baomitu.com/jquery/3.5.1/jquery.min.js"></script> <script type="text/javascript"> $(function(){$("#form1").submit(function(){if ($("input[name='email']")) {alert("jQuery 判斷元素是否存在方式1：元素存在"); /* 不管元素是否存在，永遠執行這里 */} else {alert("jQuery 判斷元素是否存在方式1：元素不存在");}if ($("input[name='email']").length > 0) {alert("jQuery 判斷元素是否存在方式2：元素存在"); /* 元素存在時執行這里 */} else {alert("jQuery 判斷元素是否存在方式2：元素不存在"); /* 元素不存在時執行這里 */}return false;}); }); </script> </header><body><form id="form1" action="#"><input type="submit" /></form> </body> </html>參考
https://www.w3school.com.cn/jquery/index.asp
https://www.runoob.com/w3cnote/jquery-check-id-is-exists.html
總結
以上是生活随笔為你收集整理的jQuery 判断元素是否存在的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 「重点」葱笼还是葱茏
- 下一篇： 为什么高层顶楼最贵(顶楼跃层为什么贵)