栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

jQuery基础教程笔记适合js新手第1/2页

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

jQuery基础教程笔记适合js新手第1/2页

1, :eq()和nth-child() 
看下面代码:



2,:odd 和  :even   
:odd      : 奇数行    
:even     : 偶数行
新手经常会说,好像跟我们做的相反?
其实与 :eq() 选择器一样, 下标都是从 0开始的,
也就是  表格的第一行 编号是 0  (偶数);
第二行 编号是 1   (奇数);以此类推。。。


3, $("tr:odd").addClass()
可以写成  $("tr").filter(":odd").addClass()

4,$('td:contains("cssrain")')          //取得 包含 字符串 cssrain 的所有td

5,jquery 转 dom :
$("td").get(0).tagName 或 $("td")[0].tagName

6,load():
jquery中的load()有2层意思,
第一层 意思 可以等价于 dom中 window.onload
第二层 意思 可以load(url )。

7:ready简写:
1;
$(document).ready(function(){   
   //do something
})
2;
$().ready(function(){   
   //do something
})
3;
$(function(){   
   //do something
})


8,事件冒泡:
正常的来说:点击B  会触发a的click。
如果我们不想触发A,可以用stopPropagation() 阻止冒泡.
具体例子:
aaaaaaa
bbbbbbbb
aaaaaa




9, hide()show()会记住上一次的dipslay状态


a
b



10, hide()  show()加时间参数




a
b



11,效果:
show(), hide()会同时修改多个样式属性  : 高度,宽度和不透明度。
fadeIn() fadeOut() : 不透明度
fadeTo()   : 不透明度
slideDown() , slideUp()  :高度

如果都不能满意,只能用animate()了
animate()提供了更为强大的,复杂的效果。

12,animate() : 
之前 .show('slow');  // slow代表的是0.6秒内同时改变高度,宽度和透明度 。 如果用时间表示是 600 ;===  .show(600);
那么我们再来看看 animate()

animate({heigth : 'slow' ,width : 'slow' } , 'slow' )  
这里之所以可以 height : 'slow'   其实就跟 .show('slow')  类似,当然他前面规定了height  。。

13,做动画之前 先确定位置。




a



14,width()和css('width')


a



15:animate()做动画效果时,动画执行的顺序。




a

//发生上面是按照顺序来执行的。先改变left,然后再改变top


对比:




a

//发生上面是一起执行的,也就是 left和top 一起改变。

区别知道了吧。

12下一页阅读全文
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/119198.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号