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

时间： 2024-11-11 09:48:48

关于Drupalizeme里面的Jquery视频的学习笔记的相关文章

jQuery源码学习笔记五六七八转

jQuery源码学习笔记五六七八转 Js代码 <p>在正式深入jQuery的核心功能选择器之前,还有一些方法,基本都是数组方法,用于遴选更具体的需求,如获得某个元素的所有祖选元素啦,等等.接着是其缓存机制data.</p> <pre class="brush:javascript;gutter:false;toolbar:false"> //@author 司徒正美|なさみ|cheng http://www.cnblogs.com/ru

菜鸟的jQuery源码学习笔记（二）

jQuery对象是使用构造函数和原型模式相结合的方式创建的.现在来看看jQuery的原型对象jQuery.prototype: 1 jQuery.fn = jQuery.prototype = { 2 //成员变量和方法 3 } 这里给原型对象起了一个别名叫做jQuery.fn.要注意的是这个jQuery.fn可不是jQuery对象的属性,而是jQuery构造方法本身的属性,它是不会传给它所创建的对象的.如果你在控制台敲$().fn的话输出的结果会是undefined.接下来看看原型对象里面有些

jQuery源码学习笔记：总体架构

1.1.自调用匿名函数: (function( window, undefined ) { // jquery code })(window); 这是一个自调用匿名函数,第一个括号内是一个匿名函数,第二个括号立即执行,传参是window. 1.为什么有自调用匿名函数? 通过定义匿名函数,创建了一个"私有"空间,jQuery必须保证创建的变量不能和导入它的程序发生冲突. 2.为什么传入window? 传入window使得window由全局变量变成局部变量,jQuery访问window时,

jQuery源码学习笔记：构造jQuery对象

3.1源码结构: (function( window, undefined ) { var jQuery = (function() { // 构建jQuery对象 var jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context, rootjQuery ); } // jQuery对象原型 jQuery.fn = jQuery.prototype = { constructor:

jQuery源码学习笔记：扩展工具函数

// 扩展工具函数 jQuery.extend({ // http://www.w3school.com.cn/jquery/core_noconflict.asp // 释放$的 jQuery 控制权 // 许多 JavaScript 库使用 $ 作为函数或变量名,jQuery 也一样. // 在 jQuery 中,$ 仅仅是 jQuery 的别名,因此即使不使用 $ 也能保证所有功能性. // 假如我们需要使用 jQuery 之外的另一 JavaScript 库,我们可以通过调用 $.noC

马哥linux视频的学习笔记

history |tail -1 | cut -d'' -f2 计算命令:1)let 例;let C=$A+$B 2)C=$[$A+$B] 3)C=$(($A+$B)) 4)expr命令例:C=` expr $A + $B ` 退出脚本;exit 例:exit 0 条件测试: 1)[空格表达式空格] 2)test 表达式 3)[[ 空格表达式空格]] if grep 'bash' /etc/shadow if后面为非零值为假文件测试 -e file 测试文件是否存在 -f file

锋利的jquery第二版学习笔记

jquery系统学习笔记一.初识:jquery的优势:1.轻量级(压缩后不到30KB)2.强大的选择器(支持css1.css2选择器的全部 css3的大部分以及一些独创的加入插件的话还可支持XPath)3.出色的Dom封装(简化原本复杂的操作)4.可靠的事件处理机制(跨浏览器兼容性)5.完善的Ajax操作(一个$.ajax()方法全部搞定)6.不污染顶级变量(只使用了一个名为jQuery的对象其别名$也可随时让出其控制权见解决和其它库混用时解决冲突部分)7.出色的浏览器兼容性(优秀的j

Hadoop里的数据挖掘应用-Mahout——学习笔记<三>

之前有幸在MOOC学院抽中小象学院hadoop体验课. 这是小象学院hadoop2.X的笔记由于平时对数据挖掘做的比较多,所以优先看Mahout方向视频. Mahout有很好的扩展性与容错性(基于HDFS&MapReduce开发),实现了大部分常用的数据挖掘算法(聚类.分类.推荐算法)不过数据挖掘调参和业务理解是关键,个人觉得真正想学习的话,还是看正规机器学习的课程比较好. 这里省略了大部分比较技术那一块的笔记... 虽然mahout在速度上有天然优势.但R/Python其实也在接入hadoo

jquery源码学习笔记（一）jQuery的无new构建

本人是一名.net程序员..... 你一个.net coder 看什么jQuery 源码啊? 原因吗,很简单.技多不压身吗(麻蛋,前端工作好高...羡慕). 我一直都很喜欢JavaScript,废话不多说了,直接切入正题. 最近看了好几篇jQuery 源码的文章,对于jQuery的无new构建很是不解. 查了很多资料,总算是搞明白了. jQuery的无new构建 jQuery框架的核心就是从HTML文档中匹配元素并对其执行操作. 回想一下使用 jQuery 的时候,实例化一个 jQuery