每个50ms换一张图，就是一个流畅的动画

调用匿名函数：（function(a,b){…………}）（1,2） 或者：+function(a,b){…………}（1，2） 好处：让变量局部化

让标签隐藏： 不保留原来的位置：display ：none; 保留原来的位置：visibility = "hidden";

table 有自己的方法来删除添加行； createCaption() 为表格创建一个 caption 元素。 createTFoot() 在表格中创建一个空的 tFoot 元素。 createTHead() 在表格中创建一个空的 tHead 元素。 deleteCaption() 从表格删除 caption 元素以及其内容。 deleteRow() 从表格删除一行。 Yes deleteTFoot() 从表格删除 tFoot 元素及其内容。 deleteTHead() 从表格删除 tHead 元素及其内容。 insertRow() 在表格中插入一个新行。

用父子选择器时要小心浏览器自动添加的标签<tbody>，<thead>…… 可用后代选择器 简单的if else可用3元条件运算符 i%2 ？ “” ：“”

style 中 top color之类的样式是只能改，不能读； var currentStyle = document.defaultView.getComputeStyle(div); currentStyle.top ; 这是div.style.top currentStyle只能读不能改，带单位的字符串； 要改就直接改

鼠标按下:mousedown 鼠标移动:mousemove 鼠标松开：mouseup clientX/clientY鼠标的横纵坐标

window.alert(jQuery) window.alert(<svg xmlns:xlink="http://www.w3.org/1999/xlink" width="29.24ex" height="2.626ex" viewBox="0 -806.8 12589.6 1130.7" role="img" focusable="false" style="vertical-align: -0.752ex;" class="in-text-selection"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="matrix(1 0 0 -1 0 0)"><g transform="translate(389,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">输</text></g><g transform="translate(1247,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">出</text></g><g transform="translate(2051,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">一</text></g><g transform="translate(2874,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">样</text></g><g transform="translate(3696,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">说</text></g><g transform="translate(4519,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">明</text></g><g transform="translate(8512,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">安</text></g><g transform="translate(9335,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">装</text></g><g transform="translate(10157,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">好</text></g><g transform="translate(10980,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">了</text></g><g transform="translate(11784,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">，</text></g></g></svg>​表示jQuery

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> 适合商业项目通过cdn服务器来加速获取jQuery。 加载本地适合开发测试和调试

<svg xmlns:xlink="http://www.w3.org/1999/xlink" width="42.962ex" height="2.626ex" viewBox="0 -806.8 18497.4 1130.7" role="img" focusable="false" style="vertical-align: -0.752ex;" class="in-text-selection"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="matrix(1 0 0 -1 0 0)"><g transform="translate(5946,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">整</text></g><g transform="translate(6804,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">个</text></g><g transform="translate(7627,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">页</text></g><g transform="translate(8449,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">面</text></g><g transform="translate(9272,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">执</text></g><g transform="translate(10130,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">行</text></g><g transform="translate(10952,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">完</text></g><g transform="translate(11774,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">后</text></g><g transform="translate(12633,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">再</text></g><g transform="translate(13455,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">执</text></g><g transform="translate(14313,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">行</text></g><g transform="translate(15136,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">匿</text></g><g transform="translate(15958,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">名</text></g><g transform="translate(16798,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">函</text></g><g transform="translate(17603,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">数</text></g></g></svg>​("#hide").on("click",function(){})绑定事件，给得到的所有 标签绑定事件 off解绑 <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="78.711ex" height="2.626ex" viewBox="0 -806.8 33889.4 1130.7" role="img" focusable="false" style="vertical-align: -0.752ex;" class="in-text-selection"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="matrix(1 0 0 -1 0 0)"><g transform="translate(19192,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">（</text></g><g transform="translate(19997,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">）</text></g><g transform="translate(20802,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">写</text></g><g transform="translate(21606,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">一</text></g><g transform="translate(22429,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">个</text></g><g transform="translate(23251,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">参</text></g><g transform="translate(24109,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">数</text></g><g transform="translate(25004,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">就</text></g><g transform="translate(25826,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">是</text></g><g transform="translate(26720,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">读</text></g><g transform="translate(27542,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">，</text></g><g transform="translate(28847,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">个</text></g><g transform="translate(29669,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">就</text></g><g transform="translate(30492,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">是</text></g><g transform="translate(31386,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">改</text></g><g transform="translate(32244,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">样</text></g><g transform="translate(33067,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">式</text></g></g></svg>​("#data tr:gt(0):last-child").remove() tr:gt(0):last-child gt大于0 hide()隐藏；fadeOut(2000) 2秒后隐藏，淡出效果

根据样式表选择器获取元素，获得的不是原生的js对象；而是结果jQuery封装后的对象（有更多的方法方便操作）

.text(),没有参数读textContent,有参数替换 .html()相当于innerHTML

奇数：odd;偶数：even； $("#data tr:gt(0):even").css("background-color","#abc") 用逗号分开属性和属性值

一次改多个属性： 1. jQuery支持级联编程；得到一个元素后可以多次改属性 $("#data tr:gt(0):even").css("background-color","#abc").text("").on()…… 缺点：出错了不知道哪里出错 js中{}表示一个对象 2.

<pre spellcheck="false" class="md-fences md-end-block ty-contain-cm modeLoaded" lang="" contenteditable="true" cid="n15" mdtype="fences" style="box-sizing: border-box; overflow: visible; font-family: var(--monospace); font-size: 0.9em; display: block; break-inside: avoid; text-align: left; white-space: normal; background-image: inherit; background-position: inherit; background-size: inherit; background-repeat: inherit; background-attachment: inherit; background-origin: inherit; background-clip: inherit; background-color: rgb(248, 248, 248); position: relative !important; border: 1px solid rgb(231, 234, 237); border-radius: 3px; padding: 8px 1em 6px; margin-bottom: 15px; margin-top: 15px; width: inherit; color: rgb(51, 51, 51); font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">css({
a:1,
b:2,
})</pre>

​("<a>") 创建a标签。 val()文本框内容 $("#name").val("").get(0).focus();清空并得到焦点 .attr("href","")

<svg xmlns:xlink="http://www.w3.org/1999/xlink" width="17.277ex" height="2.346ex" viewBox="0 -766.5 7438.5 1010" role="img" focusable="false" style="vertical-align: -0.565ex;" class="in-text-selection"><g stroke="currentColor" fill="currentColor" stroke-width="0" transform="matrix(1 0 0 -1 0 0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">函</text><g transform="translate(804,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">数</text></g><g transform="translate(1698,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">的</text></g><g transform="translate(2521,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">第</text></g><g transform="translate(3379,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">一</text></g><g transform="translate(4201,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">种</text></g><g transform="translate(5006,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">用</text></g><g transform="translate(5811,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">法</text></g><g transform="translate(6633,0)"><text font-family="STIXGeneral,'Arial Unicode MS',serif" stroke="none" transform="scale(40.239) matrix(1 0 0 -1 0 0)">：</text></g></g></svg>​函数的参数是另一个函数 传入的函数是页面加载完成之后要执行的回调函数 老版本：（document).ready(function(){});

$函数的第二种方法：参数是一个选择器字符串 获取元素得到与之对应的jQuery对象（伪数组）

$函数的第三种用法：参数是一个标签字符串 创建新元素并得到与之对应的jQuery对象

$函数的第四种用法：参数是原生js对象 将原生的js对象包装成对应的jQuery对象

jQuery对象通过get()或者下标运算[]可以得到js原生对象