美文网首页
js中美元符的作用

js中美元符的作用

作者: inspg | 来源:发表于2019-01-03 11:19 被阅读0次

    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

    相关文章

      网友评论

          本文标题:js中美元符的作用

          本文链接:https://www.haomeiwen.com/subject/jxhfrqtx.html