14-JQuery

新选择器：

document.querySlector (ID)

document.querySlectorAll (选择器)

div 是 object HTMLDivElement元素

jquery 是一个函数库

使用方式 ：

先到库

在script中加src = 路径

要先移库

---

$(document).ready(function(){

    var (合法表示符,可有可无)$div = $('#div');     innerHTML  =  ($)html

})

应为window.onload是页面加载完后再运行  （先渲染 = js  cs）

$页面上所以的节点加载完后执行

简写：

$(function(){

    var $div = $('#div');

})

$(function(){

$(类).css({

内容（用逗号分割）

})

})

$('#div').next()   div的下一个元素

nextAll（‘p’）  它下面的所有的p标签的样式

选择父元素

.parent 指向父类   （内容里的值要带引号）

closest （div）  选择最近的父元素 

children （） 给它所有的子元素设置css样式

end（） 回到上级样式

li:eq(下标)    选择第几个li

siblings()  它所有的兄弟

find（id）下面的 

addClass 增加样式

removeClass   反

删除多个样式加空格

click(function(){})   点击事件

toggleClass(样式)  切换样式

---

属性操作

元素的属性也可在.html()里操作

attr 更改title属性   可以更改各种样式

prop 看标签的属性   专门用来读真或假的

html 写入和读取标签里的内容

---

特殊效果：

fadeOut     淡出（渐渐的消失）

fadeIn   淡入   （渐渐的显示）

fadeToggle   淡入淡出   （切换淡入淡出）

hide() 隐藏元素

show() 显示元素

toggle() 依次展示或隐藏某个元素

slideDown() 向下展开

slideUp() 向上卷起

slideToggle() 依次展开或卷起某个元素