HTML + CSS + JavaScript 学习整理 （四）

一、HTML

1. input 提示文字

<input type="text" placeholder="提示文字"/>

2. 鼠标悬停时变成另外一张图

<img src="one.jpg" onmouseover="two.jpg" onmouseout="one.jpg"/>

二、CSS

1. 多媒体查询

@media screen and ( 条件 ){
  样式
}

三、 JavaScript

1. 用原生js增加属性

obj.setAttribute("属性","参数");

2. 获取class名称

obj.className

四、 jQuery

1. 获取节点

// a. 获取父节点
obj.parent("");
// b. 获取所有父节点
obj.parents("");
// c. 获取所有子节点
obj.children("");
// d. 获取所有文本节点
obj.contents();
// e. 获取当前元素的前一个同级元素
obj.prev("");
// f. 获取当前元素的前面所有的同级元素
obj.prevAll("");
// g. 获取当前元素的后一个同级元素
obj.next("");
// h. 获取当前元素的后面的所有同级元素
obj.nextAll("");
// i. 获取当前元素的所有同级元素
obj.siblings();
// j. 获取当前元素中包含xx的元素
obj.find("");
// k. 获取所有包含xx的元素
obj.filter();