首页 >web前端 >js教程 > 正文

javascript中$是什么意思

原创2021-04-16 18:16:1802004

javascript中“$”的意思:1、“$”可以用来表示变量,如“var $s=wwd”;2、在正则表达式中,“$”表示匹配字符串结束位置;3、用“$”来表示一个查找对象的函数,用来代替“document.getElementById”。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

js里面$的意思是:

$符号在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.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>

以上就是javascript中$是什么意思的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:javascript
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    醉折花枝作酒筹

    飞花飘絮,霓裳翩翩舞,几多情愫心飞扬。

    最近文章
    css如何设置指定网格的大小和位置462
    css如何定义网格线大小1153
    教你一招搞定css背景图的大小835
    推荐视频教程
  • JavaScript基础入门及设计模式视频教程JavaScript基础入门及设计模式视频教程
  • JavaScript核心编程视频教程JavaScript核心编程视频教程
  • JavaScript标准参考手册JavaScript标准参考手册
  • JavaScript极速入门JavaScript极速入门
  • JavaScript正则表达式基础与实战JavaScript正则表达式基础与实战
  • 视频教程分类