-
目录
一、HTML部分
-
1.a标签点击滑动到某一处显示使用name标签，在点击a标签的href后加#xxx，在跳转到的地方的a标签加name="xxx".
如：<a href="index.html#info">点击</a> <a name="info">显示</a>
2.<表示左尖括号（<）>表示右尖括号（>）"表示双引号（”） 表示空格
-
二、CSS部分
-
- 1.css伪类选择器：
- selector:active 选择活动元素(鼠标按下)
selector:focus 选择获得焦点的元素
selector:hover 选择鼠标指针位于其上的元素
selector:link 选择所有未被访问的链接
selector:visited 选择所有已被访问的链接
selector:first-child 选择选择器选择的第一个元素
selector:last-child 选择选择器选择的最后一个元素
selector:nth-child(n) 选择选择器选择的第n个元素（从1开始）
selector:nth-last-child(n) 选择选择器选择的倒数第n个元素
selector:first-letter 选择选择器选择的元素中的第一个字母
selector:first-line 选择选择器选择的元素中的第一行文字
2.css属性选择器：
selector[attribute] 选择具有某个属性的元素
selector[attribute=value] 选择某个属性为value的元素
selector[attribute~=value] 选择属性包含value单词的元素
selector[attribute|=value] 选择属性以value的元素
selector[attribute^=value] 选择属性以value开头的元素
selector[attribute$=value] 选择属性以value结尾的元素
selector[attribute*=value] 选择属性包含value子串的元素
3.边框样式：实线边框：solid。点线边框：dotted。虚线：dashed
-
4.font-weight设置字体粗细100、200、300、400、500、600、700、
800、900数值越大，字体越粗
5.font-style设置字体倾斜 normal(正常) italic(倾斜)
6.border-collapse: collapse;合并table中边框使得两条边框合并成一条
7.box-sizing:border-box;设置盒子实际宽高为你所给的宽高
-
8.去除li的小黑点用：list-style: none;
-
9.去除input的输入边框变大用：outline: none;
三、JQuery部分
1.JQuery遍历方法
(1).add()：把元素添加到匹配元素的集合中
$("选择器").add("选择器").add("选择器")……
(2). children()：返回被选元素的所有直接子元素
$("选择器").children()
(3). find()：返回被选元素的后代元素
$("选择器").find("span")
(4). each()：为每个匹配元素执行函数
$("选择器").each(function(){
alert($(this).text())
});
(5). eq()：返回被选元素的指定索引号的元素
$("选择器").eq(index) //返回jQuery元素
$("选择器")[index] //返回DOM元素
(6). first()：返回被选元素的第一个元素
(7). last()：返回被选元素的最后一个元素
(8). has()：返回拥有一个或多个元素在其内的所有元素
$("选择器").has("选择器")
(9). not()：从匹配元素集合中移除元素
$("选择器").not("选择器")
(10). siblings()：返回被选元素的所有同级元素
(11). parent()：返回备选元素的父元素
2.获取内容
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）写入的HTML标记会立即添加入DOM元素中
3.添加新HTML
html()-写入新的内容覆盖被选元素中的内容
append() - 在被选元素内容的结尾插入内容
prepend() - 在被选元素内容的开头插入内容
after() - 在被选元素之后插入内容(会另起一行)
before() - 在被选元素之前插入内容(会另起一行)
4.删除HTML
remove() - 删除被选元素（及其子元素）(本身节点也要删除)
empty() - 清空被选元素，从被选元素中删除子元素(只是清除内容，不删除节点)
5.获取并设置css类
addClass() - 向被选元素添加一个或多个CSS类
removeClass() - 从被选元素删除一个或多个CSS类
toggleClass() - 对被选元素进行添加/删除CSS类的切换操作
hasClass() - 判断被选元素是否具有某个CSS类
6. css() 方法设置或返回被选元素的一个或多个行内样式属性。
7.元素尺寸
width()：设置或返回元素的宽度（不包括内边距、边框或外边距）
height()：设置或返回元素的高度（不包括内边距、边框或外边距）
innerWidth()：返回元素的宽度（包括内边距）
innerHeight()：返回元素的高度（包括内边距）
outerWidth()：返回元素的宽度（包括内边距和边框）
outerHeight()：返回元素的高度（包括内边距和边框）
outerWidth(true) ：返回元素的宽度（包括内边距、边框和外边距）
outerHeight(true) ：返回元素的高度（包括内边距、边框和外边距）
获取页面宽高直接用window.xxxxxx
8.常见事件
注：表单值修改事件change要用on来注册。
9.jQuery效果-----显示、隐藏
10.淡入淡出效果
11.滑动效果
四、AJAX
1.对中文进行编码 encodeURIComponent(………)
2.对中文进行解码 decodeURI
3.获取网站链接 window.location.href
4. 将获取的json文件转为字符串，可以用于打印查看获取json文件的格式。 JSON.stringify(data)
五、正则表达式
六、其他
1.截取字符串string.substring(start, end) 方法从 start 位置截取到 end 位置，end 可选，没有设置 end 时默认到末尾
七、考试补充点
1. 页面数据缓存
(1)以键值对保存和存储临时数据，可在一个页面保存，另一个页面打开
localStorage.setItem("key", value);
localStorage.getItem("key");
(2)例：
在a.html保存姓名
localStorage.setItem("name", "张三");
在b.html中取出姓名
var name = localStorage.getItem("name");
2. 复选框
<input type="checkbox" id="checkItem" value="1">
(1)获取复选框的值
$("#checkItem").val();
(2)获取复选框是否被选中
$(this).is(":checked")
(3)复选框被选中后获取值
$("#checkItem").click(function(){
if($(this).is(":checked")){
var value = $("#checkItem").val();
}
});
3. 单选框
(1)利用name分组，name相同的单选框为一组
<input type="radio" value="男" name="sex">男<br>
<input type="radio" value="女" name="sex">女<br>
<input type="radio" value="普通用户" name="userType">普通用户<br>
<input type="radio" value="管理员" name="userType">管理员<br>
(2)在jquery中获取一组单选框被选中的值
$("input[name='sex']:checked").val();
(2)选择后获取本组单选框的值
$("input[name='sex']").click(function(){
var value = $("input[name='sex']:checked").val();
alert(value);
});
4. 下拉菜单
<select id="menu">
<option value="四川">四川</option>
<option value="湖北">湖北</option>
<option value="广东">广东</option>
</select>
(1)在jquery中获取被选选项值
$("#menu").val()
(2)选择下拉选项后获取被选选项值
$("#menu").change(function(){
var value = $("#menu").val();
alert(value);
});
9995
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
