javascrip jquery 學習隨筆

JavaScript基礎

JavaScript是一種屬於網絡的腳本語言,已經被廣泛用於Web應用開發,常用來爲網頁添加各式各樣的動態功能,爲用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實現自身的功能的。

1、文件形式
    <script src="js/oldboy.js"></script>
2、嵌入html
    <script type='text/javascript'>alert('page');</script>

變量和函數的聲明

1、全局變量和局部變量
    name ＝ 'alex'
    var name ＝ 'alex'
 
2、基本函數和自執行函數
    function Foo(arg){
        console.log(arg);
    }
 
    (function (arg) {
        alert(arg);
    })('alex')

字符串常用方法和屬性

obj.trim()
obj.charAt(index)
obj.substring(start,end)
obj.indexOf(char)
obj.length

數組

聲明，如：
    var array = Array() 或 var array = []
 
添加
    obj.push(ele)                   追加
    obj.unshift(ele)                最前插入
    obj.splice(index,0,'content')   指定索引插入
 
移除
    obj.pop()                       數組尾部獲取
    obj.shift()                     數組頭部獲取
    obj.splice(index,count)         數組指定位置後count個字符
 
切片
    obj.slice(start,end)           
 
合併
    newArray ＝ obj1.concat(obj2)   
 
翻轉
    obj.reverse()
 
字符串化
    obj.join('_')
 
長度
    obj.length

循環

var a = '123456789';
for(var i=0;i<10;i++){
     console.log(a[i]);
}<br>
for(var item in a){
     console.log(a[item]);
}

異常處理

try{
    
}catch(e) {
     
}finally{
     
}

DOM編程

文件對象模型（Document Object Model，簡稱DOM），是W3C組織推薦的處理可擴展標誌語言的標準編程接口。

選擇器：

• document.getElementById('id')

• document.getElementsByName('name')

• document.getElementsByTagName('tagname')

常用函數：

• 創建標籤，document.createElement('a')
     
  

• 獲取或者修改樣式
  obj.className  

• 獲取或設置屬性
  setattribute(key,val)    getattribute(key)

• 獲取或修改樣式中的屬性
  obj.style.屬性
            

• 提交表單
  document.geElementById(‘form’).submit()

常用事件：

• onclick

• onblur

• onfocus

• on...

onload和ready
    body標籤添加onload事件 或者 window.onload = function(){} 
        覆蓋上一個onload只能註冊一次，而ready就可以多次註冊
    $(document).ready(function(){}) 或者 $(function(){})
onload是所有DOM元素創建、圖片加載完畢後才觸發的。而ready則是DOM元素創建完畢後觸發的，不等圖片加載完畢。圖片還麼有渲染，就可以進行事件的執行。

jQuery

jQuery是一個兼容多瀏覽器的javascript庫，核心理念是write less,do more(寫得更少,做得更多)，對javascript進行了封裝，是的更加便捷的開發，並且在兼容性方面十分優秀。

1. 選擇器和篩選

2. 屬性

3. css

4. 文檔處理

5. 事件

6. 擴展

7. ajax

ps：鏈式編程

更多見：http://www.php100.com/manual/jquery/