js里符號$的意義


1、選擇器

在css中選擇器的作用是選擇頁面中某一類(類別選擇器)元素或者某一個元素(ID選擇器),而jQuery中的“$”作為選擇器,同樣是選擇某一類或某一類元素,只不過jQuery提供了更多更全面的選擇方式。

並且為用戶處理了瀏覽器的兼容問題。jquery中選擇器的通用語法如下:

$(selector)或者jQuery(selector)

 

2、功能函數前綴

在javascript中,開發者經常要便攜一些小函數來處理各種操作細節,例如在用戶提交表單時,需要將文本框中的最前端和最末端的空格清理掉,javascript沒有提供類似trim()的功能,而引入jQuery后,便可以直接使用trim()函數:

例如 $.trim(sString);

以上代碼相當於:jQuery.trim(sString);
 
3、解決window.onload函數的沖突
由於頁面的HTML框架需要在頁面完全加載之后才能使用,因此在DOM編程時window,onload函數頻繁被使用。倘若頁面中有多處都需要使用該函數,或者其他.js文件也包含window.onload函數,沖突問題十分棘手。
jQuery中的ready()方法很好的解決了上述問題,它能夠自動將其中的函數在頁面加載完成后運行,並且同一個頁面中可以使用多個ready()方法,而且不互相沖突。
例如 
$(document).ready(function(){$(“ table.datalist  tr : nth-child(odd)”).addClass(“altrow”); } );   
對於上述代碼jQuery還提供了簡寫,可以省略其中的“(document).ready”部分,代碼如下:
$(function(){$("table.datalist tr:nth-child(odd)").addClass("altrow");});
 
4、創建DOM元素
利用DOM方法創建元素節點,通常需要將document.createElement_x() 、document.create TextNode() 、 appendChlid() 配合使用 , 十分麻煩,
而jQuery中使用 $  符號可以直接創建DOM元素
例如
var oNewP = $(“這是一個好故事</>”)
以上代碼等同於JavaScript中的如下代碼:
var oNewP = document.createElement_x ("p");   //新建節點
var oText = document.createTextNode(“這是一個好故事”);
oNewP.appendChild(oText);
 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM