前端之JS入门知识

课程链接

主要内容：

（1）DOM模块（了解）
（2）JQuery——一个类库，一个模块（主要）

DOM

（1）查找：直接查找、间接查找

找标签：根据id查找

1. console中：t = document.getElementById(‘i1’)
2. t.children
3. t.childNodes

——用JQuery一下找到：$(’#i1’)
一般开发都用：JQuery；除非用DOM

（2）操作：

1. 设置值：js可对标签input的value做修改、对a标签的innerText（内部文本内容）、innerHTML（不止文本内容，所有内容）
2. 搜索框实例：
   （1）两个input：id=i1，id=i2；
   （2）绑定点击事件/绑定鼠标跳出事件：
   1. 鼠标放到文本框：绑定点击事件οnfοcus=函数名（已经定死了的名称），获取焦点，执行js的函数（script内部定义函数）；
   2. 函数实现：获取标签，让标签的内容清空。
3. 设置class：className，classList.add，classList.remove
4. 设置样式style；
5. 设置属性id，name