关于Drupalizeme里面的Jquery视频的学习笔记
1.对于INTRODUCTION TO JQUERY SERIES这个站点的学习
1)第五集的内容,说的是怎么选择到你想要的地方
选择attribute这个在src后面加了$,表示以什么结尾
Css3 selectors
Api.jquery.com
PS:(Drupal 里面禁止让$来代替JQuery,因为这样会有冲突,所以在drupal里面,可以使用这样的方式来调用)
2)第六集的内容,说的是选择到你想要修改的地方后,要怎么使用effert等进行你想要的效果的修改
Duration表示可以控制隐藏的速度,可以用数字或者slow。
2000表示两秒
表示相反的操作,如果是hide,那使用toggle就是show
Fade表示渐变 out就是消失,in就是出现,to是变得模糊
Slide表示向上滑是消失,向下是出现,toggle的话就是相反的
Animate可以在里面进行css的操作,如下图就是将fontSize转化为44px
可以通过computed这个来对样式进行确认
这个能先变大再变小
加上括号[] 表示可选的
3)第七集的内容,说的是event,就是触发事件
这个是添加了一个点击的事件,在点击后出弹窗
Console.log的作用就是前面说的,
然后因为赋值的是a标签,所以点击事件触发了,但是页面会跳转,所以加上 return false,这样就能告诉浏览器不要跳转了
第九集
在所有的h2的内容前面加上
, 在后面加上
< == <
> == >
鼠标悬停在content上面的时候,会加一个高亮的功能
第十一集:
点击class 为 node_read_more 的超链接的时候,console.log 会打印出url,然后return false会阻止页面跳转。
点击这个read more按钮,然后会通过ajax可以将剩下的页面显示出来,然后对read more这个按钮进行隐藏。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。