JavaScript

什么是JavaScript
JavaScript是一门广泛用于浏览器客户端的脚本语言
由Netspace公司设计，当时跟Sun公司合作，所以名字起得像Java
业内一般简称JS

JS的常见用途
HTML DOM操作（节点操作，比如添加、修改、删除节点）
给HTML网页增加动态功能，比如动画
事件处理：比如监听鼠标点击、鼠标滑动、键盘输入

JavaScript的书写方式
JS常见的书写方式有2种
页内JS：在当前网页的script标签中编写
<script type="text/javascript">
</script>

外部JS
<script src="index.js"></script>

节点的基本操作（CRUD）
（一）create (C)
var div = document.createElement(‘div’);
document.body.appendChild(div);

（二）read (R)
var div = document.getElementById(‘div’);
var div = document.getElementsByTagName(‘div’)[0];
var div = document.getElementsByClassName(‘div’)[0];
var div = document.getElementsByName(‘div’)[0];

（一）update (U)
var img = document.getElementById(‘logo’);
img.src = ‘images/logo.jpg’;

（二）delete(D)
var img = document.getElementById(‘logo’);
img.parentNode.removeChild(img);
或
img.remove();

事件绑定

（一）推荐做法
var button= document.getElementById(‘login’);
button.onclick = function(){
// 实现点击按钮想做的事情
}

（二）直接写到标签的内部
<button onclick=“var age=20; alter(age);”>登录</button>

（三）不常用
function login(){
// 实现点击按钮想做的事情
}
var button = document.getElementById(‘login’);
button.onclick = login();

（一）通过选择器查找元素
a) $(‘选择器’)
b) jQuery支持绝大多数css选择器

（二）属性操作
a) 获得属性 $(‘选择器’).attr(‘属性名’)
b) 设置属性 $(‘选择器’).attr(‘属性名’, ‘属性值’)

（三）显示和隐藏
a) 显示 $(‘选择器’).show()
b) 隐藏 $(‘选择器’).hide()
c) 显示和隐藏 $(‘选择器’).toggle()

（四）事件绑定

 a) 点击事件 （常用）
 $(‘选择器’).click(function(){
    // 实现点击按钮想做的事情
 });

 b) 点击事件 （不常用）
 function login(){
    // 实现点击按钮想做的事情
 }
 $(‘选择器’).click(login);

（一）www.w3cschool.com

（二）http://www.php100.com/manual/jquery/

大部分框架都是为移动设备而写
1.特点
a)有了HTML5框架，几行简易的js代码，就能实现非常漂亮的手机界面
b) HTML5框架封装了大量的DOM节点操作，封装了大量的CSS
c)对JS要求较高，对CSS要求相对较低

2.常见的HTML5框架
a) phoneGap
 b)jQuery-mobile
  c)sencha-touch