前端JS

    JavaScript是一種屬于網(wǎng)絡(luò)的腳本語言,已經(jīng)被廣泛用于Web應(yīng)用開發(fā),常用來為網(wǎng)頁添加各式各樣的動態(tài)功能,為用戶提供更流暢美觀的瀏覽效果，

js，jquery常用法

    1、存在形式

    1、文件形式

    2、嵌入html

    2、代碼塊的位置

    標簽內(nèi)的代碼底部

    3、變量和函數(shù)的聲明

    1、全局變量和局部變量

    name ＝ 'alex'

    var name ＝ 'alex'

    2、基本函數(shù)和自執(zhí)行函數(shù)

    function Foo(arg){

    console.log(arg);

    }

    (function (arg) {

    alert(arg);

    })('alex')

    4、字符串常用方法和屬性

    obj.trim()

    obj.charAt(index)

    obj.substring(start,end)

    obj.indexOf(char)

    obj.length

    5、數(shù)組

    聲明，如：

    var array = Array() 或 var array = []

    添加

    obj.push(ele)         追加

    obj.unshift(ele)        最前插入

    obj.splice(index,0,'content') 指定索引插入

    移除

    obj.pop()           數(shù)組尾部獲取

    obj.shift()          數(shù)組頭部獲取

    obj.splice(index,count)    數(shù)組指定位置后count個字符

    切片

    obj.slice(start,end)

    合并

    newArray ＝ obj1.concat(obj2)

    翻轉(zhuǎn)

    obj.reverse()

    字符串化

    obj.join('_')

    長度

    obj.length

    注意：字典是一種特殊的數(shù)組

    6、循環(huán)

    var a = '123456789';

    for(var i=0;i<10;i++){

    console.log(a[i]);

    }

    for(var item in a){

    console.log(a[item]);

    }

    DOM編程

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

    wKiom1X7xaqhQ1u3AADOa7W3vPk731.jpg

    選擇器：

    document.getElementById('id')

    document.getElementsByName('name')

    document.getElementsByTagName('tagname')

    常用函數(shù)：

    創(chuàng)建標簽，document.createElement('a')

    獲取或者修改樣式

    obj.className

    獲取或設(shè)置屬性

    setattribute(key,val)  getattribute(key)

    獲取或修改樣式中的屬性

    obj.style.屬性

    提交表單

    document.geElementById(‘form’).submit()

    常用事件：

    onclick

    onblur

    onfocus

    on...

    onload和ready

    body標簽添加 或者 window.onload = function(){}

    覆蓋上一個onload只能注冊一次，而ready就可以多次注冊

    $(document).ready(function(){}) 或者 $(function(){})

    onload是所有DOM元素創(chuàng)建、圖片加載完畢后才觸發(fā)的。而ready則是DOM元素創(chuàng)建完畢后觸發(fā)的，不等圖片加載完畢。圖片還么有渲染，就可以進行事件的執(zhí)行。

    其他函數(shù)：

    console.log()

    alert()

    confirm()

    setInterval("alert()",2000);  clearInterval(obj)

    setTimeout();  clearTimeout(obj)

    跑馬燈，low爆了。。。

   

    搜索框

   

    jQuery

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

電腦資料

    選擇器和篩選

    屬性

    css

    文檔處理

    事件

    擴展

    ajax

    ps：鏈式編程

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

    實例

    返回頂部

    返回頂部

    多選框

   

    籃球

    足球

    羽毛球

    菜單

    .hide{

    display: none;

    }.container{

    width:300px;

    height: 600px;

    background-color: #ddd;

    border: 1px solid #999;

    }.container .title{

    height: 38px;

    font-size: 28px;

    line-height: 38px;

    background-color: orange;

    cursor: pointer;

    }.container .body{

    background-color:white;

    }.container .body a{

    display:block;

    padding: 10px;

    }

   

    Menu1

    content1

    content2

    content3

    Menu1

    content1

    content2

    content3

    Menu1

    content1

    content2

    content3

    Menu1

    content1

    content2

    content3

    Menu1

    content1

    content2

    content3

    滾動菜單

    首頁

    功能一

    功能二

    第1張

    第2張

    第3張

第一章

第二章

第三章