js里的$符号的作用_js $

作者：小小林熬夜学编程 | 2024-04-25 08:49:47

踩

js $

今天在看数据库js代码，javascript还没看完。
很多$符号，有点晕，查了一下。下面是感觉解决了我疑问的答案。
原文地址：https://www.cnblogs.com/yongtaiyu/archive/2011/05/13/2045726.html

$符号在php中是表示变量的特征字符，在js中它也有很多作用，一般我们用来命名一个函数名称，获取id的
1、首先可以用来表示变量，
比如变量 var s='asdsd’或var $s =^{'} a s d a s d^{'}; 2 、在正则表达式中，它可以匹配结尾 / s a$ /.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,
比如

则obj=

(^{'} s s^{'}) 就是引用的这个 i d =^{'} s s^{'} 的对象使用

()方法
　　$() 方法是在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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61

下面的这个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];

　　}

　　}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/484361