javascript $是什麼意思-js教程-PHP中文網

javascript $是什麼意思

藏色散人

發布： 2023-01-05 16:11:43

原創

10270 人瀏覽過

javascript $是指prototype定義的一類方法，例如「$("id")」得到的是頁面id為「id」的元素，而「$F("id")」得到的是頁面id為「id」的元素的值，這是只讀不可寫的。

javascript $是什麼意思

本文操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

Javascript中$符號的意思

$,是指prototype定義的一類方法

$("id") 得到的是頁面id為"id"的元素

$F("id") 得到的是頁面id為"id"的元素的值,這是唯讀的,不可寫

通用性方法

這個套件裡麵包含了許多預先定義的物件和通用性方法。寫這些方法的明顯的目的就是為了減少你大量的重複編碼和慣用法。

使用$()方法

$() 方法是在DOM中使用過於頻繁的document.getElementById() 方法的一個便利的簡寫，就像這個DOM方法一樣，這個方法回傳參數傳入的id的那個元素。

比起DOM中的方法，這個更勝一籌。你可以傳入多個id作為參數然後 $() 傳回一個帶有所有要求的元素的一個 Array 物件。下面的例子會向你描述這些。

<HTML><HEAD><TITLE> Test Page </TITLE><script src="prototype-1.3.1.js"></script><script> function test1() { var d = $(’myDiv’); alert(d.innerHTML); } function test2() { var divs = $(’myDiv’,’myOtherDiv’); for(i=0; i<divs.length; i++) { alert(divs[i].innerHTML); } }</script></HEAD><BODY> <div id="myDiv"> <p>This is a paragraph</p> </div> <div id="myOtherDiv"> <p>This is another paragraph</p> </div> <input type="button" value=Test1 onclick="test1();"><br> <input type="button" value=Test2 onclick="test2();"><br></BODY></HTML>

登入後複製

這個方法的另一個好處就是你可以傳入id字串或元素物件自己，這使得在創建可以傳入任何形式參數的方法的時候，它變得非常有用。

使用$F()方法

$F()方法是另一個非常受歡迎的簡寫。它可以傳回任何輸入表單控制項的值，如文字方塊或下拉方塊。這個方法可以傳入元素的id或元素自己。

<script> function test3() { alert( $F(’userName’) ); }</script><input type="text" id="userName" value="Joe Doe"><br> <input type="button" value=Test3 onclick="test3();"><br>

登入後複製

【推薦學習：javascript進階教學】

以上是javascript $是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章！