dom對象和jQuery對象
dom對象 ? ?jQuery對象 ?在一個文件中同時存在兩種對象
dom對象: 通過js中的document對象獲取的對象 或者創建的對象
jQuery對象: 通過jQuery中的函數獲取的對象。
為什么使用dom或jQuery對象呢？
目的是 要使用dom對象的函數或者屬性 以及呢 要使用jQuery中提供的函數或者屬性。要使用dom中的內容 就需要使用dom對象 要使用jQuery中的函數 就需要使用jQuery對象
dom對象 和 jQuery對象 可以相互轉換
dom對象轉換為jQuery對象
$(dom對象) 得到一個jQuery對象 可以調用jQuery中提供的函數
<body><input type="button" id="btn" value="我是按鈕" onclick="btnClick()" />
</body><script type="text/javascript">// dom對象 jQuery對象 在一個文件中同時存在兩種對象// dom對象: 通過js中的document對象獲取的對象 或者創建的對象// jQuery對象: 通過jQuery中的函數獲取的對象。//為什么要使用 dom對象 或者說 jQuery對象呢？//目的是 要使用dom對象的函數或者屬性 以及呢 要使用jQuery中提供的函數或者屬性。// 要使用dom中的內容 就需要使用dom對象 要使用jQuery中的函數 就需要使用jQuery對象// dom對象 和 jQuery對象 可以相互轉換/* 1.dom對象轉換為jquery對象$(dom對象) 得到一個jQuery對象 可以調用jQuery中提供的函數*/// var dom = document.getElementById("t1");// //把dom 轉換為jQuery// var jqueryobj = $(dom);// //調用jQuery中的函數 .......// jqueryobj.val() //獲取dom對象的值// 提示： 為了區分dom對象和jQuery對象 一般情況下 jQuery對象的變量名前面都會加上$符號 例如$objfunction btnClick() {var obj = document.getElementById("btn");//轉成jQuery對象var $jobj = $(obj); //$jobj就是jQuery對象alert($jobj.val()); // 獲取按鈕的值}</script>
jQuery對象轉換為dom對象
?語法:jQuery對象是一個數組 數組成員是dom對象 ?使用[下標] 或者 get(下標) 獲取dom對象
<body><!-- <input type="text" id="t1" /> --><!-- <input type="text" id="txt1" /> --><input type="button" id="btn" value="計算平方" onclick="btnClick()" /><br /><input type="text" id="txt1" value="請輸入整數" /></body> <script type="text/javascript">/* 語法:jQuery對象是一個數組 數組成員是dom對象 使用[下標] 或者 get(下標) 獲取dom對象*/// $("#txt1"):獲取id為txt1的對象/* var obj = $("#txt1"); // obj是一個jQuery對象 是一個包含了一個成員的dom數組。 obj[0] 就是dom對象var dom = obj[0]; //dom對象 或者 obj.get(0) 也是dom對象// 使用dom對象的函數 或者 屬性alert(dom.value); */function btnClick() {// var obj = $("#txt1"); //obj 是jquery對象var dom = obj.get(0);// var dom = obj[0];var num = dom.value;dom.value = num * num;alert(dom.value);}</script>
)
使用Clover升級舊電腦-(高階玩法)讓固態硬盤內置Win11 PE啟動系統](http://pic.xiahunao.cn/[原創](免改BIOS)使用Clover升級舊電腦-(高階玩法)讓固態硬盤內置Win11 PE啟動系統)
)
![[網鼎杯 2020 朱雀組]phpweb](http://pic.xiahunao.cn/[網鼎杯 2020 朱雀組]phpweb)
