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