說Jquery之前,先來學習一下Javascript(以後簡稱為JS)語言中的基礎知識問題,其時對於每種程式語言來說基礎知識都是大同小異的,對變數,函式,條件語句塊,迴圈語句塊等等,而對於每種語言在寫法上到是顯得各有不同,如JS裡在定義變數時,你要用var去聲區域性變數的宣告,而對於弱型別的語言JS來說,你也可以不加var,但不加它會認為這個變數為全域性變數,這是要注意的。
在程式執行過程中,其值可以發生改變的(呵呵,10多年前書上的定義)
var people ; //宣告一個名為people的變數
var people="good boy" ; //宣告變數的同時為它賦值,瀏覽器自動解釋它為字元型變數
var age=23; //宣告一個區域性變數,型別為整形
age=30 ; //宣告一個全域性變數,型別為整形,在程式執行過程中,它不會被釋放
函式
為了實現一個功能,將一些程式碼塊組織在一起,形成一個整體,我們叫它函式function,它可以大大減小程式碼的重複量,並使程式更清晰
複製程式碼 程式碼如下:
// 標準寫法
funciton helloFun(){
alert("hellow world")
}
//變數形式的寫法
var helloFun=function(){
alert("hellow world")
}
// 函式可以有引數,它異為弱型別
var helloFun=function(msg){
alert(msg);
}
// 函式的呼叫
helloFun("hello world");
條件語句
對於一件事,有多種結果,這時條件語句就出場了,如果條件固定幾個值,可以用switch,否則使用,看程式碼
複製程式碼 程式碼如下:
// switch例項
var inputNumber=lementByID("type");
switch(inputNumber)
{
case 1:
alert("型別1號");
break;
case 2:
alert("型別2號");
break;
case 3:
alert("型別3號");
break;
default:
alert("throw new Exception()");
break;
}
// if例項
var inputAge=lementByID("age");
if(inputAge>1 && inputAge<18)
{
alert("未成年");
}
else if (inputAge>=18 && inputAge<70)
{
alert("成年人");
}
else if(inputAge>=70)
{
alert("老年人")
}
else
{
alert("填寫表單有誤");
}
迴圈語句
即在附和某個條件的'時候,重複的執行某個程式碼塊,我們可以使用while ,for等等
複製程式碼 程式碼如下:
// for迴圈
var arr=[1,2,3]
for(int i=0;j=th;i<j;i++){
(arr[i]); // 火狐的控制檯可以看到結果
}
事實上,在JS世界,對於程式碼的執行效能也是很有講究的,我們在for語句的寫法效能不是錯的,但如果寫成下面的,效能會有所下降,因為它每次
遍歷時,都會去求Arr的長度。
複製程式碼 程式碼如下:
// for迴圈
var arr=[1,2,3]
for(int i=0;i<th;i++){
(arr[i]); // 效能不好的
}