首頁 >web前端 >js教程 >javascript $是什麼意思

javascript $是什麼意思

藏色散人
藏色散人原創
2021-04-27 09:28:1110314瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn