JavaScript中$和#符号的含义与用法解析

作者:窗边听雨时间:2026-10-27 13:13:30浏览:218

本文解析JavaScript中$和#符号的常见用法。$通常作为自定义函数名简化document.getElementById()调用,也可在jQuery中表示ID选择器;#源自CSS选择器,用于通过ID查找HTML元素。文章结合代码示例说明其在变量命名、对象引用及选择器中的具体应用。

1、JS中$符号含义

JavaScript中$符号的含义与用法

在JavaScript中,$符号常用于表示变量,例如定义变量 var s='asdsd' 或 var $s='asdasd'。


在正则表达式中,$符号用于匹配字符串的结尾。例如 /sa$/.test(string) 会匹配包含 'sa' 结尾的字符串,如 string='125sa' 匹配成功,而 string='125sa21' 则不匹配。


$符号还可以表示一个用于查找对象的函数。


代码如下:

 
$=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() 的一个便捷简写,它返回参数指定 id 的元素。与原生 DOM 方法相比,$() 更胜一筹,因为它可以传入多个 id,并返回包含所有指定元素的数组对象。


2、JS中#符号含义

JavaScript中#符号的含义与用法

#XXXX 表示 HTML 中某元素的 id,这源自 CSS 选择器。在 CSS 中,#xxx 表示通过指定 ID 查找元素,通常 HTML 元素通过 id 属性定义其 ID。例如


代码如下:

 
<SPAN style="FONT-FAMILY: FangSong_GB2312; FONT-SIZE: 14px"><div id="mydiv">...</div></SPAN>

这里 ID 为 mydiv,在上面的函数中使用 $("#mydiv")。而 $(xxx) 通常是 jQuery 的代码,用于返回由 xxx 指定的元素,其中 xxx 兼容于 CSS 选择器。

作者最新文章