$ 符号在 php 中是表示变量的特征字符, 在 js 中它也有很多作用, 一般我们用来命名一个函数名称, 获取 id 的.
1, 首先可以用来表示变量,
比如变量 var s='asdsd'或 var $s='asdasd';
2, 在正则表达式中, 它可以匹配结尾
/sa$/.test(string)
匹配 string 字符串中的 sa, 比如 string='125sa'则匹配, string='125sa21'则不匹配
正则表达式很复杂, 这里只是简单的说说.
3, 由于受 prototype.js(老外写的框架, 用于将一些常用的函数封装, 方便操作) 的影响, 现在很多人都用 $ 来表示一个查找对象的函数,
$=function (id) { return (typeof (id)=='object')?id:document.getElementByIdx_x(id); };
其实就是一个自定义函数, 用 $ 只是简单, 其实用其它字符也是一样的,
f=function (id) { return (typeof (id)=='object')?id:document.getElementByIdx_x(id); }; 也可以 其中参数 id 是 html 文档中的 id,
比如 < div id='ss'></div>
则 obj=$('ss') 就是引用的这个 id='ss'的对象
使用 $() 方法
$() 方法是在 DOM 中使用过于频繁的 document.getElementByIdx_x() 方法的一个便利的简写, 就像这个 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>
下面的这个 getObject 方法和 $ 符号是一样的意思:
- function getObject(elementId)
- {
- if (document.getElementByIdx_x)
- {
- return document.getElementByIdx_x(elementId);
- }
- else if(document.all)
- {
- return document.all[elementId];
- }
- else if(document.layers)
- {
- return document.layers[elementId];
- }
- }
来源: http://www.bubuko.com/infodetail-2591247.html