$符號在php中是表示變量的特徵字符, 在js中它也有不少做用, 通常咱們用來命名一個函數名稱,獲取id的
一、首先能夠用來表示變量,
好比變量 var s='asdsd'或var $s='asdasd';
二、在正則表達式中,它能夠匹配結尾
/sa$/.test(string)
匹配string字符串中的sa,好比string='125sa'則匹配,string='125sa21'則不匹配
正則表達式很複雜,這裏只是簡單的說說。
三、因爲受prototype.js(老外寫的框架,用於將一些經常使用的函數封裝,方便操做)的影響,
如今不少人都用 $來表示一個查找對象的函數,
$=function (id) { return (typeof (id)=='object')?id:document.getElementById(id); };
其實就是一個自定義函數,用$只是簡單,其實用其它字符也是同樣的,
f=function (id) { return (typeof (id)=='object')?id:document.getElementById(id); };也能夠
其中參數id是html文檔中的id,
好比<div id='ss'></div>
則obj=$('ss')就是引用的這個id='ss'的對象
使用$()方法
$() 方法是在DOM中使用過於頻繁的 document.getElementById() 方法的一個便利的簡寫,就像這個DOM方法同樣,這個方法返回參數傳入的id的那個元素。php
比起DOM中的方法,這個更勝一籌。你能夠傳入多個id做爲參數而後 $() 返回一個帶有全部要求的元素的一個 Array 對象。html
<HTML>正則表達式
<HEAD>框架
<TITLE> Test Page </TITLE>函數
<script src="prototype-1.3.1.js"></script>prototype
<script>htm
function test1()對象
{ip
var d = $('myDiv');element
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>
下面的這個getObject方法和$符號是同樣的意思:
function getObject(elementId)
{
if (document.getElementById)
{
return document.getElementById(elementId);
}else if(document.all)
{
return document.all[elementId];
}else if(document.layers)
{
return document.layers[elementId];
}
}