function $(id) {}表示什么函数

function $(id) {}表示什么函数

一、总结

1、就是简写，不然每次打document.getElementById很烦 

 

二、问题

function $(id) {
return document.getElementById(id);
}
这个函数我没看见过，$(id) 什么意思

 

三、解答

1、

$(id)是js document.getElementById(id)的简写
定义了这个方法 以后调用的时候就可以直接用$(id).innnerHTML 或者$(id).innerText

一般的还有
function c$(o){return document.createElement(o);}
这些都可以简单的封装一下

 

2、

就是简化一下代码呀

比如你要打document.getElementById('td1').innerHTML=什么什么什么
加了这个函数你只要打$('td1').innerHTML=什么什么什么

因为前面的document.getElementById用到的频率很高，每次打很烦，于是就诞生了这个，呵呵，$是个函数名，随便打的，你也可以用别的符号，别跟保留字冲突就好

 

四、拓展

1、问题

$("#ID").click(function(){ }); ID 可以是变量吗

我的php里嵌着javascript， 里面有一个 $("#btnTranslateBrief").click(function(){}）；因为我php是输出的一个table，每个table里都有一个button，这个ID能是变量吗，比如说我php输出的每个button的ID是<? php echo $id ?>我javascript里能写成 $("#<? php echo $id ?>").click(function(){}）吗

 

2、答案

 1 给button定义一个类
 2 <table>
 3     <tr><td> <input type="button"  class="button" id="but<?php echo $id?>"/></td></tr>
 4 </table>
 5 <script type="text/javascript">
 6 $(".button").click(function(){
 7     var butId = $(this).attr('id');
 8     //得到触发事件的button的butId，根据butId的值调用不同的函数
 9 }）
10 </script>

 

应该行，php页面最终的内容还是转成html的，你可以查看源代码，看看输出的内容符合不符合javascript的语法。