问几个问题:
- 操作的对象是XX?
- 对该对象进行的操作是XX?
- 触发点是XX?
定位要操作的对象:
- 通过class定位”.class”
- 通过id定位”#id”
- 通过标签定位”tag”
常用的操作:
- show, hide
- 改变class
定位触发点
触发方式:
- click
- hover
JS如何排错:
如果错误为语法错误, 可以在浏览器的console中看到报错
如果为逻辑错误, 可以使用alert或者console.log();的方式输出中间变量.通过观察中间值找到错误原因.
必须先把html加载完, JQuery才能选择到要操作的元素.
option1: 把script代码放在html元素后面
option2: 把script代码放在html元素前面, 但是必须在script代码中加入$(document).ready(function(){}), 以此告诉浏览器, 在html加载完之后, 再执行script代码
js四要素:
- 触发点
- 触发方式
- 操作对象
- 操作方式及内容(重点掌握)
定位触发点和操作对象一般有两种方式:$(#id)或者$(.class)
常用的触发方式:
- click
- hover
操作方式及内容:
- html
- append
- prepend
- before
- after
- remove
- replaceWith
- toggle
- addClass
- removeClass
