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/