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