前端JS

    JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果，

js，jquery常用法

    1、存在形式

    1、文件形式

    2、嵌入html

    2、代码块的位置

    标签内的代码底部

    3、变量和函数的声明

    1、全局变量和局部变量

    name ＝ 'alex'

    var name ＝ 'alex'

    2、基本函数和自执行函数

    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、数组

    声明，如：

    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

    注意：字典是一种特殊的数组

    6、循环

    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')

    常用函数：

    创建标签，document.createElement('a')

    获取或者修改样式

    obj.className

    获取或设置属性

    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元素创建、图片加载完毕后才触发的。而ready则是DOM元素创建完毕后触发的，不等图片加载完毕。图片还么有渲染，就可以进行事件的执行。

    其他函数：

    console.log()

    alert()

    confirm()

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

    setTimeout();  clearTimeout(obj)

    跑马灯，low爆了。。。

   

    搜索框

   

    jQuery

    jQuery是一个兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)，对javascript进行了封装，是的更加便捷的开发，并且在兼容性方面十分优秀，

电脑资料

    选择器和筛选

    属性

    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张

第一章

第二章

第三章