关于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这个按钮进行隐藏。
这里写图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值