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

原文地址:https://www.cnblogs.com/Renyi-Fan/p/8972886.html