js中美元符的作用

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.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的那个元素。

比起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.getElementById)

{

return document.getElementById(elementId);

}else if(document.all)

{

return document.all[elementId];

}else if(document.layers)

{

return document.layers[elementId];

}

}

A

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 2,110评论 1 10
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 2,060评论 0 2
  • 北京2018年4月1日上午,NBA常规赛勇士客战国王的比赛中,发生了令人痛心不已的一幕。比赛进行到第三节还有41...
    Curry_宇阅读 1,257评论 1 1
  • //------------------------- 第一章 认识JQuery ----------------...
    米塔塔阅读 750评论 0 9
  • 简述JavaScript起源起源于美国的Netscape公司,原名为LiveScript,后改为JavaScrip...
    3ab670b99521阅读 3,081评论 0 0