关于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这个按钮进行隐藏。
技术分享

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。