day9jQuery

作者: 逆流而上_2eb6 | 来源:发表于2018-11-09 09:08 被阅读0次

每个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

根据样式表选择器获取元素，获得的不是原生的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.

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

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

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

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

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

day9jQuery

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读