jQuery Object 和 HTML Element间的转换
生活随笔
收集整理的這篇文章主要介紹了
jQuery Object 和 HTML Element间的转换
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
前言
- jQuery v3.5.1
jQuery Object
jQuery 的選擇器的返回結果是 Object ：
$("#form1") /* 返回 Object */jQuery Object 轉 HTML Element
$("#form1")[0] /* 返回 HTML Element */HTML Element 轉 jQuery Object
$($("#form1")[0]) /* 返回 Object */ $(document.querySelector("#form1")) /* 返回 Object */示例
<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(){console.log($("#form1").length); /* 1 表示找到元素 */console.log(Object.prototype.toString.call($("#form1")));console.log($("#form1")[0]); /* html 表示找到元素 */console.log(Object.prototype.toString.call($("#form1")[0]));console.log($($("#form1")[0]).length); /* 1 表示找到元素 */console.log(Object.prototype.toString.call($($("#form1")[0])));console.log(document.querySelector("#form1")); /* html 表示找到元素 */console.log(Object.prototype.toString.call(document.querySelector("#form1")));console.log($(document.querySelector("#form1")).length); /* 1 表示找到元素 */console.log(Object.prototype.toString.call($(document.querySelector("#form1")))); }); </script> </header><body><form id="form1" action="#"><span>姓名：</span><input type="text" name="name" value="張三" /><br/><span>郵箱：</span><input type="text" name="email" value="1@1.com" /><br/><input type="submit" /><input type="button" value="重置" /></form> </body> </html>輸出：
參考
https://developer.mozilla.org/zh-CN/docs/Web/API/Document/querySelector
https://blog.csdn.net/dongdong9223/article/details/52875537
總結
以上是生活随笔為你收集整理的jQuery Object 和 HTML Element间的转换的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 亚马逊全球副总裁：海外购首个前置保税仓落
- 下一篇： WIKO Hi 畅享 60s 今日开售：