1.HTML常见的属性
text-size ：字体的大小
color：文字的颜色
background：背景
display：显示的类型(block 、inline、inline-block、none)
padding：内边距 四个参数（上右下左）
margin：外边距 四个参数同上
border：边框
width：宽度
height：高度
2.常见选择器
标签选择器：tagName
类选择器：.className
id选择器：#id
3.节点的基本操作
1、増
var div = document.createElement('div');
document.body.appendChild('div');
2、删
var img = document.getElement('div');
img.parentNode.removeChild('div');
3、改
var img = document.getElement('div');
img.src = "images/imge01.jpg";
4、查
var div = document.getElementById('logo');
var div = document.getElementByTagName('div')[0];
var div = document.getElementByClassName('div')[0];
4、事件绑定
1>
var button = document.getElementById('login');
button.onclick = function(){
//实现点击后的效果
};
2>直接写到标签内部
<button onclick = "var sex = man; alert(sex);">登录</button>
5.jQuery
1、通过选择器查找元素
$('img')找出所有的img标签
2、属性操作
获得属性：$('选择器').attr('属性名');
设置属性：$('选择器').attr('属性名','属性值');
3、显示和隐藏
显示:$('选择器').show();
隐藏:$('选择器').hide();
显示和隐藏切换:$('选择器').toggle();
4、事件绑定
1.常规用法
$('选择器').click(function(){
});
2.链式编程
$('选择器').click(function(){
}).mouseover(function(){
});
注释：click完成事件会返回选择器
关于HTML 5
- 大部分是为了移动设备而写的
- 现在比较流行的html5 封装了大量的DOM节点操作和CSS样式 所以对JS要求比较高
