1.案例一: 表格的隔行换色显示 - 需求管理平台
知识点:
1.获得元素
document.getElementById(id); --> 只能获得一个
getElementsByName(name属性的值) --> 获得多个
getElementsByTagName(tr)
getElementsByClassName(class)
2.table 标签中的属性
rows[] tBodies[] cells[]
3.this表示当前事件的对象
4.动态添加事件
JS获得元素.onclick = function() {}
5.Element属性操作的方法
element.setAttribute(“属性名”, 属性值)
element.getAttribute(“属性名”)
标签中的属性: 固有属性 href src bgColor
自定义属性 color1 size1 -> 作用就是存取数据
6.Element相关方法和属性
element.appendChild()
element.removeChild()
element.childNodes
element.firstChild
element.lastChild
element.parentNode
2.案例二:
1.checkbox的选中状态
checked属性[true,false]
3.案例三: 省市二级联动
1.事件onchange, select域内容的改变触发的时间
2.select 标签的选项值, 通过value属性获得
3.创建标签:
document.createElement(“option”)
4.全局函数
parseInt()
parseFloat()
isNaN()
eval()
decodeURI();
encodeURI();
https://www.w3school.com.cn/jsref/jsref_obj_global.asp
xx.class.getResource()
5.原生JS, JQuery
JQuery版本 1.8 1.11
2.x
3.x
普通.js -> 开发调试时使用, 格式友好, 还有注释
min.js -> 上线时使用, 压缩版格式, 没有注释