封装$(id)函数

例如更改id="test"的背景颜色：

html:

<div id="demo"></div>
<div id="test"></div>

css:

<style>
     div {
        width: 100px;
        height: 100px;
        background-color: blue;
      }
</style>

javascript封装$(id)函数：

<script>

    function $(id){ //$符号是合法函数名  id是形参
      return document.getElementById(id); //返回id
    }

    $("test").style.backgroundColor = "pink";   //$()调用函数 "test"是实参

</script>

如果不想使用jQuery直接使用JavaScript获取id就使用下面代码

 function $(id){ return document.getElementById(id);}