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

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

1、总结

一、就是简写，否则每次打document.getElementById很烦 

 

2、问题

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

 

3、解答

一、

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

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

 

二、

就是简化一下代码呀

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

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

 

4、拓展

一、问题

$("#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(){}）吗

 

二、答案

 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的语法。