$(document).ready(function(){

創(chuàng)新互聯(lián)是一家集成都做網(wǎng)站、成都網(wǎng)站制作、網(wǎng)站頁面設(shè)計、網(wǎng)站優(yōu)化SEO優(yōu)化為一體的專業(yè)網(wǎng)站制作公司,已為成都等多地近百家企業(yè)提供網(wǎng)站建設(shè)服務(wù)。追求良好的瀏覽體驗,以探求精品塑造與理念升華,設(shè)計最適合用戶的網(wǎng)站頁面。 合作只是第一步,服務(wù)才是根本,我們始終堅持講誠信,負(fù)責(zé)任的原則,為您進(jìn)行細(xì)心、貼心、認(rèn)真的服務(wù),與眾多客戶在蓬勃發(fā)展的市場環(huán)境中,互促共生。
$("#add").click(function(){
var oldValue=parseInt($(this).val());//取出現(xiàn)在的值,并使用parseInt轉(zhuǎn)為int類型數(shù)據(jù)
oldValue++;//自加1
$(this).val(oldValue);//將增加后的值付給原控件
});
});
PS:attr更新的是組件的屬性(例如可以修改type等),input的控件值要使用val()去修改,當(dāng)然,如果是div的話就得用html()獲取或者修改。
javascript 中的?是屬性。例如:var text={??x:1,y:2?? }? ? ,? 輸出:text.x?????? 那么值就是1?? 如此而已。
javascript的相關(guān)概念:
語句
JavaScript程序是由若干語句組成的,語句是編寫程序的指令。JavaScript提供了完整的基本編程語句,它們是:
賦值語句、switch選擇語句、while循環(huán)語句、for循環(huán)語句、for each循環(huán)語句、do...while循環(huán)語句、break循環(huán)中止語句、continue循環(huán)中斷語句、with語句、try…catch語句、if語句(if..else,if…else if…)。
函數(shù)
函數(shù)是命名的語句段,這個語句段可以被當(dāng)作一個整體來引用和執(zhí)行。使用函數(shù)要注意以下幾點(diǎn):
1)函數(shù)由關(guān)鍵字function定義(也可由Function構(gòu)造函數(shù)構(gòu)造)
2)使用function關(guān)鍵字定義的函數(shù)在一個作用域內(nèi)是可以在任意處調(diào)用的(包括定義函數(shù)的語句前);而用var關(guān)鍵字定義的必須定義后才能被調(diào)用
3)函數(shù)名是調(diào)用函數(shù)時引用的名稱,它對大小寫是敏感的,調(diào)用函數(shù)時不可寫錯函數(shù)名
4)參數(shù)表示傳遞給函數(shù)使用或操作的值,它可以是常量,也可以是變量,也可以是函數(shù),在函數(shù)內(nèi)部可以通過arguments對象(arguments對象是一個偽數(shù)組,屬性callee引用被調(diào)用的函數(shù))訪問所有參數(shù)
5)return語句用于返回表達(dá)式的值。
6)yield語句扔出一個表達(dá)式,并且中斷函數(shù)執(zhí)行直到下一次調(diào)用next。
一般的函數(shù)都是以下格式:
function myFunction(params){
//執(zhí)行的語句
}
函數(shù)表達(dá)式:
var myFunction=function(params){
//執(zhí)行的語句
}
var myFunction = function(){
//執(zhí)行的語句
}
myFunction();//調(diào)用函數(shù)
匿名函數(shù),它常作為參數(shù)在其他函數(shù)間傳遞:
window.addEventListener('load',function(){
//執(zhí)行的語句
},false);
對象
JavaScript的一個重要功能就是面向?qū)ο蟮墓δ埽ㄟ^基于對象的程序設(shè)計,可以用更直觀、模塊化和可重復(fù)使用的方式進(jìn)行程序開發(fā)。
一組包含數(shù)據(jù)的屬性和對屬性中包含數(shù)據(jù)進(jìn)行操作的方法,稱為對象。比如要設(shè)定網(wǎng)頁的背景顏色,所針對的對象就是document,所用的屬性名是bgcolor,如document.bgcolor="blue",就是表示使背景的顏色為藍(lán)色。
事件
用戶與網(wǎng)頁交互時產(chǎn)生的操作,稱為事件。事件可以由用戶引發(fā),也可能是頁面發(fā)生改變,甚至還有你看不見的事件(如Ajax的交互進(jìn)度改變)。絕大部分事件都由用戶的動作所引發(fā),如:用戶按鼠標(biāo)的按鍵,就產(chǎn)生click事件,若鼠標(biāo)的指針在鏈接上移動,就產(chǎn)生mouseover事件等等。在JavaScript中,事件往往與事件處理程序配套使用。
而對事件的處理,W3C的方法是用addEventListener()函數(shù),它有三個參數(shù):事件,引發(fā)的函數(shù),是否使用事件捕捉。為了安全性,建議將第三個參數(shù)始終設(shè)置為false
傳統(tǒng)的方法就是定義元素的on…事件,它就是W3C的方法中的事件參數(shù)前加一個“on”。而IE的事件模型使用attachEvent和dettachEvent對事件進(jìn)行綁定和刪除。JavaScript中事件還分捕獲和冒泡兩個階段,但是傳統(tǒng)綁定只支持冒泡事件。
變量
1、常用類型
Object:對象
Array:數(shù)組
Number:數(shù)
Boolean:布爾值,只有true和false兩個值,是所有類型中占用內(nèi)存最少的
null:一個空值,唯一的值是null,表空引用
undefined:沒有定義或賦值的變量
2、命名形式
一般形式是:
var 變量名表;
其中,var是javascript的保留字,表面接下來是變量說明,變量名表是用戶自定義標(biāo)識符,變量之間用逗號分開。和C++等程序不同,在javascript中,變量說明不需要給出變量的數(shù)據(jù)類型。此外,變量也可以不說明而直接使用。
3、作用域
變量的作用域由聲明變量的位置決定,決定哪些腳本命令可訪問該變量。在函數(shù)外部聲明的變量稱為全局變量,其值能被所在HTML文件中的任何腳本命令訪問和修改。在函數(shù)內(nèi)部聲明的變量稱為局部變量。只有當(dāng)函數(shù)被執(zhí)行時,變量被分配臨時空間,函數(shù)結(jié)束后,變量所占據(jù)的空間被釋放。局部變量只能被函數(shù)內(nèi)部的語句訪問,只對該函數(shù)是可見的,而在函數(shù)外部是不可見的。
運(yùn)算符
javascript提供了豐富的運(yùn)算功能,包括算術(shù)運(yùn)算、關(guān)系運(yùn)算、邏輯運(yùn)算和連接運(yùn)算。
1.算術(shù)運(yùn)算符
javascript中的算術(shù)運(yùn)算符有單目運(yùn)算符和雙目運(yùn)算符。雙目運(yùn)算符包括:+(加)、-(減)、*(乘)、/(除)、%(取模)、|(按位或)、(按位與)、(左移)、(右移)等。單目運(yùn)算符有:-(取反)、~(取補(bǔ))、++(遞加1)--(遞減1)等。
2.關(guān)系運(yùn)算符
關(guān)系運(yùn)算符又稱比較運(yùn)算,運(yùn)算符包括:(小于)、=(小于等于)、(大于)、=(大于等于)、==(等于)和!=(不等于)以及 ===) 和 !==。
關(guān)系運(yùn)算的運(yùn)算結(jié)果為布爾值,如果條件成立,則結(jié)果為true,否則為false。
3.邏輯運(yùn)算符
邏輯運(yùn)算符有:(邏輯與)、||(邏輯或)、!(取反,邏輯非)、^(邏輯異或)。
4.字符串連接運(yùn)算符
連接運(yùn)算用于字符串操作,運(yùn)算符為+(用于強(qiáng)制連接),將兩個或多個字符串連結(jié)為一個字符串。
5.三目操作符?
三目操作符“?:”格式為:
操作數(shù)?表式1:表達(dá)式2
三目操作符“?:”構(gòu)成的表達(dá)式,其邏輯功能為:若操作數(shù)的結(jié)果為true,則表述式的結(jié)果為表達(dá)式1,否則為表達(dá)式2。例如max=(ab)?a:b;該語句的功能就是將a,b中的較大的數(shù)賦給max。
相關(guān)規(guī)則
在JavaScript中,“==="是全同運(yùn)算符,只有當(dāng)值相等,數(shù)據(jù)類型也相等時才成立。
等同運(yùn)算符“=="的比較規(guī)則:
當(dāng)兩個運(yùn)算數(shù)的類型不同時:將他們轉(zhuǎn)換成相同的類型。
1)一個數(shù)字與一個字符串,字符串轉(zhuǎn)換成數(shù)字之后,進(jìn)行比較。
2)true轉(zhuǎn)換為1、false轉(zhuǎn)換為0,進(jìn)行比較。
3)一個對象、數(shù)組、函數(shù)與 一個數(shù)字或字符串,對象、數(shù)組、函數(shù)轉(zhuǎn)換為原始類型的值,然后進(jìn)行比較。(先使用valueOf,如果不行就使用toString)
4)其他類型的組合不相等。
JavaScript想兩個運(yùn)算數(shù)類型相同,或轉(zhuǎn)換成相同類型后:
1)2個字符串:同一位置上的字符相等,2個字符串就相同。
2)2個數(shù)字:2個數(shù)字相同,就相同。如果一個是NaN,或兩個都是NaN,則不相同。
3)2個都是true,或者2個都是false,則相同。
4)2個引用的是同一個對象、函數(shù)、數(shù)組,則他們相等,如果引用的不是同一個對象、函數(shù)、數(shù)組,則不相同,即使這2個對象、函數(shù)、數(shù)組可以轉(zhuǎn)換成完全相等的原始值。
5)2個null,或者2個都是未定義的,那么他們相等。
而“===”是全同運(yùn)算符,全同運(yùn)算符遵循等同運(yùn)算符的比較規(guī)則,但是它不對運(yùn)算數(shù)進(jìn)行類型轉(zhuǎn)換,當(dāng)兩個運(yùn)算數(shù)的類型不同時,返回false;只有當(dāng)兩個運(yùn)算數(shù)的類型相同的時候,才遵循等同運(yùn)算符的比較規(guī)則進(jìn)行比較。
例如:null==undefined 會返回真, 但是null===undefined 就會返回假!
表達(dá)式
表達(dá)式是指將常量、變量、函數(shù)、運(yùn)算符和括號連接而成的式子。根據(jù)運(yùn)算結(jié)果的不同,表達(dá)式可分為算術(shù)表達(dá)式、字符表達(dá)式、和邏輯表達(dá)式。
腳本語言
不同于服務(wù)器端腳本語言,例如PHP與ASP,JavaScript是客戶端腳本語言,也就是說JavaScript是在用戶的瀏覽器上運(yùn)行,不需要服務(wù)器的支持而可以獨(dú)立運(yùn)行。所以在早期程序員比較青睞于JavaScript以減少對服務(wù)器的負(fù)擔(dān),而與此同時也帶來另一個問題:安全性。而隨著服務(wù)器的強(qiáng)壯,雖然程序員更喜歡運(yùn)行于服務(wù)端的腳本以保證安全,但JavaScript仍然以其跨平臺、容易上手等優(yōu)勢大行其道。
JavaScript是一種腳本語言,其源代碼在發(fā)往客戶端運(yùn)行之前不需經(jīng)過編譯,而是將文本格式的字符代碼發(fā)送給瀏覽器由瀏覽器解釋運(yùn)行。解釋語言的弱點(diǎn)是安全性較差,而且在JavaScript中,如果一條運(yùn)行不了,那么下面的語言也無法運(yùn)行。而且由于每次重新加載都會重新解譯,加載后,有些代碼會延遲至運(yùn)行時才解譯,甚至?xí)啻谓庾g,所以速度較慢。
與其相對應(yīng)的是編譯語言,例如Java。Java的源代碼在傳遞到客戶端運(yùn)行之前,必須經(jīng)過編譯,因而客戶端上必須具有相應(yīng)平臺上的仿真器或解釋器,它可以通過編譯器或解釋器實現(xiàn)獨(dú)立于某個特定的平臺編譯代碼的束縛。但是它必須在服務(wù)器端進(jìn)行編譯,這樣就拖延了時間。但因為已經(jīng)封裝,所以能保證安全性。
Javascript庫
庫,指得是可以方便應(yīng)用到現(xiàn)有開發(fā)體系中的、現(xiàn)成的代碼資源。庫不僅為大部分日常的DOM腳本編程工作提供了快捷的解決方案,而且也提供了許多獨(dú)特的工具。雖然庫使用起來很方便,但它們也并非能解決你所有的問題。在使用庫之前,一定要保證真正理解javascript的DOM原理。
這些庫一般是一個(或多個)js(Javascript的縮寫)文件,只要把他們導(dǎo)入你的網(wǎng)頁就能使用了。
常用的庫有:
jQuery:javascript庫中的新成員,提供css和xpath選擇符查找元素、ajax、動畫效果等
JSer: 國人開發(fā)的一款全功能的開源腳本框架. 借助JSer,可以便捷的操作DOM、CSS樣式訪問、屬性讀寫、事件綁定、行為切換、動態(tài)載入、數(shù)據(jù)緩存、URL與AJAX等眾多功能。
dojo:一個巨大的庫,包括的東西很多,dijit和dojox是dojo的擴(kuò)展,幾乎你想要的各種javascript程序都包括了。
prototype:一個非常流行的庫,使用了原型鏈向javascript中添加了很多不錯的函數(shù)
YUI:(YahooYUI庫)yahoo!用戶界面,非常實用,提供各種解決方案。
ExtJs:組件非常豐富,皮膚也很漂亮,動畫效果也豐富。
語句
JavaScript程序是由若干語句組成的,語句是編寫程序的指令。JavaScript提供了完整的基本編程語句,它們是:
賦值語句、switch選擇語句、while循環(huán)語句、for循環(huán)語句、for each循環(huán)語句、do...while循環(huán)語句、break循環(huán)中止語句、continue循環(huán)中斷語句、with語句、try…catch語句、if語句(if..else,if…else if…)。
函數(shù)
函數(shù)是命名的語句段,這個語句段可以被當(dāng)作一個整體來引用和執(zhí)行。使用函數(shù)要注意以下幾點(diǎn):
1)函數(shù)由關(guān)鍵字function定義(也可由Function構(gòu)造函數(shù)構(gòu)造)
2)使用function關(guān)鍵字定義的函數(shù)在一個作用域內(nèi)是可以在任意處調(diào)用的(包括定義函數(shù)的語句前);而用var關(guān)鍵字定義的必須定義后才能被調(diào)用
3)函數(shù)名是調(diào)用函數(shù)時引用的名稱,它對大小寫是敏感的,調(diào)用函數(shù)時不可寫錯函數(shù)名
4)參數(shù)表示傳遞給函數(shù)使用或操作的值,它可以是常量,也可以是變量,也可以是函數(shù),在函數(shù)內(nèi)部可以通過arguments對象(arguments對象是一個偽數(shù)組,屬性callee引用被調(diào)用的函數(shù))訪問所有參數(shù)
5)return語句用于返回表達(dá)式的值。
6)yield語句扔出一個表達(dá)式,并且中斷函數(shù)執(zhí)行直到下一次調(diào)用next。
一般的函數(shù)都是以下格式:
function myFunction(params){
//執(zhí)行的語句
}
函數(shù)表達(dá)式:
var myFunction=function(params){
//執(zhí)行的語句
}
var myFunction = function(){
//執(zhí)行的語句
}
myFunction();//調(diào)用函數(shù)
匿名函數(shù),它常作為參數(shù)在其他函數(shù)間傳遞:
window.addEventListener('load',function(){
//執(zhí)行的語句
},false);
對象
JavaScript的一個重要功能就是面向?qū)ο蟮墓δ埽ㄟ^基于對象的程序設(shè)計,可以用更直觀、模塊化和可重復(fù)使用的方式進(jìn)行程序開發(fā)。
一組包含數(shù)據(jù)的屬性和對屬性中包含數(shù)據(jù)進(jìn)行操作的方法,稱為對象。比如要設(shè)定網(wǎng)頁的背景顏色,所針對的對象就是document,所用的屬性名是bgcolor,如document.bgcolor="blue",就是表示使背景的顏色為藍(lán)色。
事件
用戶與網(wǎng)頁交互時產(chǎn)生的操作,稱為事件。事件可以由用戶引發(fā),也可能是頁面發(fā)生改變,甚至還有你看不見的事件(如Ajax的交互進(jìn)度改變)。絕大部分事件都由用戶的動作所引發(fā),如:用戶按鼠標(biāo)的按鍵,就產(chǎn)生click事件,若鼠標(biāo)的指針在鏈接上移動,就產(chǎn)生mouseover事件等等。在JavaScript中,事件往往與事件處理程序配套使用。
而對事件的處理,W3C的方法是用addEventListener()函數(shù),它有三個參數(shù):事件,引發(fā)的函數(shù),是否使用事件捕捉。為了安全性,建議將第三個參數(shù)始終設(shè)置為false
傳統(tǒng)的方法就是定義元素的on…事件,它就是W3C的方法中的事件參數(shù)前加一個“on”。而IE的事件模型使用attachEvent和dettachEvent對事件進(jìn)行綁定和刪除。JavaScript中事件還分捕獲和冒泡兩個階段,但是傳統(tǒng)綁定只支持冒泡事件。
變量
1、常用類型
Object:對象
Array:數(shù)組
Number:數(shù)
Boolean:布爾值,只有true和false兩個值,是所有類型中占用內(nèi)存最少的
null:一個空值,唯一的值是null,表空引用
undefined:沒有定義或賦值的變量
2、命名形式
一般形式是:
var 變量名表;
其中,var是javascript的保留字,表面接下來是變量說明,變量名表是用戶自定義標(biāo)識符,變量之間用逗號分開。和C++等程序不同,在javascript中,變量說明不需要給出變量的數(shù)據(jù)類型。此外,變量也可以不說明而直接使用。
3、作用域
變量的作用域由聲明變量的位置決定,決定哪些腳本命令可訪問該變量。在函數(shù)外部聲明的變量稱為全局變量,其值能被所在HTML文件中的任何腳本命令訪問和修改。在函數(shù)內(nèi)部聲明的變量稱為局部變量。只有當(dāng)函數(shù)被執(zhí)行時,變量被分配臨時空間,函數(shù)結(jié)束后,變量所占據(jù)的空間被釋放。局部變量只能被函數(shù)內(nèi)部的語句訪問,只對該函數(shù)是可見的,而在函數(shù)外部是不可見的。
運(yùn)算符
javascript提供了豐富的運(yùn)算功能,包括算術(shù)運(yùn)算、關(guān)系運(yùn)算、邏輯運(yùn)算和連接運(yùn)算。
1.算術(shù)運(yùn)算符
javascript中的算術(shù)運(yùn)算符有單目運(yùn)算符和雙目運(yùn)算符。雙目運(yùn)算符包括:+(加)、-(減)、*(乘)、/(除)、%(取模)、|(按位或)、(按位與)、(左移)、(右移)等。單目運(yùn)算符有:-(取反)、~(取補(bǔ))、++(遞加1)--(遞減1)等。
2.關(guān)系運(yùn)算符
關(guān)系運(yùn)算符又稱比較運(yùn)算,運(yùn)算符包括:(小于)、=(小于等于)、(大于)、=(大于等于)、==(等于)和!=(不等于)以及 ===) 和 !==。
關(guān)系運(yùn)算的運(yùn)算結(jié)果為布爾值,如果條件成立,則結(jié)果為true,否則為false。
3.邏輯運(yùn)算符
邏輯運(yùn)算符有:(邏輯與)、||(邏輯或)、!(取反,邏輯非)、^(邏輯異或)。
4.字符串連接運(yùn)算符
連接運(yùn)算用于字符串操作,運(yùn)算符為+(用于強(qiáng)制連接),將兩個或多個字符串連結(jié)為一個字符串。
5.三目操作符?
三目操作符“?:”格式為:
操作數(shù)?表式1:表達(dá)式2
三目操作符“?:”構(gòu)成的表達(dá)式,其邏輯功能為:若操作數(shù)的結(jié)果為true,則表述式的結(jié)果為表達(dá)式1,否則為表達(dá)式2。例如max=(ab)?a:b;該語句的功能就是將a,b中的較大的數(shù)賦給max。
相關(guān)規(guī)則
在JavaScript中,“==="是全同運(yùn)算符,只有當(dāng)值相等,數(shù)據(jù)類型也相等時才成立。
等同運(yùn)算符“=="的比較規(guī)則:
當(dāng)兩個運(yùn)算數(shù)的類型不同時:將他們轉(zhuǎn)換成相同的類型。
1)一個數(shù)字與一個字符串,字符串轉(zhuǎn)換成數(shù)字之后,進(jìn)行比較。
2)true轉(zhuǎn)換為1、false轉(zhuǎn)換為0,進(jìn)行比較。
3)一個對象、數(shù)組、函數(shù)與 一個數(shù)字或字符串,對象、數(shù)組、函數(shù)轉(zhuǎn)換為原始類型的值,然后進(jìn)行比較。(先使用valueOf,如果不行就使用toString)
4)其他類型的組合不相等。
JavaScript想兩個運(yùn)算數(shù)類型相同,或轉(zhuǎn)換成相同類型后:
1)2個字符串:同一位置上的字符相等,2個字符串就相同。
2)2個數(shù)字:2個數(shù)字相同,就相同。如果一個是NaN,或兩個都是NaN,則不相同。
3)2個都是true,或者2個都是false,則相同。
4)2個引用的是同一個對象、函數(shù)、數(shù)組,則他們相等,如果引用的不是同一個對象、函數(shù)、數(shù)組,則不相同,即使這2個對象、函數(shù)、數(shù)組可以轉(zhuǎn)換成完全相等的原始值。
5)2個null,或者2個都是未定義的,那么他們相等。
而“===”是全同運(yùn)算符,全同運(yùn)算符遵循等同運(yùn)算符的比較規(guī)則,但是它不對運(yùn)算數(shù)進(jìn)行類型轉(zhuǎn)換,當(dāng)兩個運(yùn)算數(shù)的類型不同時,返回false;只有當(dāng)兩個運(yùn)算數(shù)的類型相同的時候,才遵循等同運(yùn)算符的比較規(guī)則進(jìn)行比較。
例如:null==undefined 會返回真, 但是null===undefined 就會返回假!
表達(dá)式
表達(dá)式是指將常量、變量、函數(shù)、運(yùn)算符和括號連接而成的式子。根據(jù)運(yùn)算結(jié)果的不同,表達(dá)式可分為算術(shù)表達(dá)式、字符表達(dá)式、和邏輯表達(dá)式。
腳本語言
不同于服務(wù)器端腳本語言,例如PHP與ASP,JavaScript是客戶端腳本語言,也就是說JavaScript是在用戶的瀏覽器上運(yùn)行,不需要服務(wù)器的支持而可以獨(dú)立運(yùn)行。所以在早期程序員比較青睞于JavaScript以減少對服務(wù)器的負(fù)擔(dān),而與此同時也帶來另一個問題:安全性。而隨著服務(wù)器的強(qiáng)壯,雖然程序員更喜歡運(yùn)行于服務(wù)端的腳本以保證安全,但JavaScript仍然以其跨平臺、容易上手等優(yōu)勢大行其道。
JavaScript是一種腳本語言,其源代碼在發(fā)往客戶端運(yùn)行之前不需經(jīng)過編譯,而是將文本格式的字符代碼發(fā)送給瀏覽器由瀏覽器解釋運(yùn)行。解釋語言的弱點(diǎn)是安全性較差,而且在JavaScript中,如果一條運(yùn)行不了,那么下面的語言也無法運(yùn)行。而且由于每次重新加載都會重新解譯,加載后,有些代碼會延遲至運(yùn)行時才解譯,甚至?xí)啻谓庾g,所以速度較慢。
與其相對應(yīng)的是編譯語言,例如Java。Java的源代碼在傳遞到客戶端運(yùn)行之前,必須經(jīng)過編譯,因而客戶端上必須具有相應(yīng)平臺上的仿真器或解釋器,它可以通過編譯器或解釋器實現(xiàn)獨(dú)立于某個特定的平臺編譯代碼的束縛。但是它必須在服務(wù)器端進(jìn)行編譯,這樣就拖延了時間。但因為已經(jīng)封裝,所以能保證安全性。
Javascript庫
庫,指得是可以方便應(yīng)用到現(xiàn)有開發(fā)體系中的、現(xiàn)成的代碼資源。庫不僅為大部分日常的DOM腳本編程工作提供了快捷的解決方案,而且也提供了許多獨(dú)特的工具。雖然庫使用起來很方便,但它們也并非能解決你所有的問題。在使用庫之前,一定要保證真正理解javascript的DOM原理。
這些庫一般是一個(或多個)js(Javascript的縮寫)文件,只要把他們導(dǎo)入你的網(wǎng)頁就能使用了。
常用的庫有:
jQuery:javascript庫中的新成員,提供css和xpath選擇符查找元素、ajax、動畫效果等
JSer: 國人開發(fā)的一款全功能的開源腳本框架. 借助JSer,可以便捷的操作DOM、CSS樣式訪問、屬性讀寫、事件綁定、行為切換、動態(tài)載入、數(shù)據(jù)緩存、URL與AJAX等眾多功能。
dojo:一個巨大的庫,包括的東西很多,dijit和dojox是dojo的擴(kuò)展,幾乎你想要的各種javascript程序都包括了。
prototype:一個非常流行的庫,使用了原型鏈向javascript中添加了很多不錯的函數(shù)
YUI:(YahooYUI庫)yahoo!用戶界面,非常實用,提供各種解決方案。
ExtJs:組件非常豐富,皮膚也很漂亮,動畫效果也豐富。
同學(xué) 你太小瞧jQuery的威力了,在提供解決方案前,先簡單說一下,循環(huán)mouseover、ajax的問題,
因為mouseover是事件,內(nèi)部代碼不是在ready的時候執(zhí)行,所以和ajax一樣,等同于是是異步執(zhí)行的,加上js的變量作用域,你的代碼會出現(xiàn)這樣的問題:你在mouseover 或者 ajax的success中訪問外層的變量i,發(fā)現(xiàn)i永遠(yuǎn)是最大值,效果就是不管你觸摸哪條線,都只有最后一條線有反映。
正確的jQuey用法如下
//代碼就沒有全寫了,使用this,可以免掉for循環(huán)
//給所有滿足條件的元素綁事件
$('.path_n').mouseover(function(){
var?$th=$(this);//用this來區(qū)分當(dāng)前是在哪個元素上移動,這里的this為鼠標(biāo)當(dāng)前移入的元素對象
//后續(xù)取attribute可以通過jQuery的attr方法來取
var?real_data=$th.attr('real_data');
var?abnormal_data=$th.attr('abnormal_data');
//.....
$.ajax({
//...
});
});
a++ 先運(yùn)算后加自
++a 先自加后運(yùn)算
如
1----
a=1
a++ * 1 = 1
2----
b=1
++b * 1 = 2
a=i++;??//在這里,a獲得的是i遞增之前的值,然后i再遞增
它相當(dāng)于兩個語句:
a=i;
i++;
所以通常是不這樣使用++的,因為一般來說都是希望i先遞增然后再把結(jié)果賦值給a
改成下面這樣就能達(dá)到你的目的:
a=++i;
它相當(dāng)于兩個語句:
++i;
a=i;
新聞標(biāo)題:javascript遞加的簡單介紹
本文鏈接:http://chinadenli.net/article8/dsejsop.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計公司、網(wǎng)站導(dǎo)航、靜態(tài)網(wǎng)站、域名注冊、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)