jQuery笔记二——基础/动画

1. jQuery的基础语法： $(selector).action()

2. 很多jQuery的语句放在ready里面

$(document).ready(function(){// jQuery methods go here...
});

这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。(似乎不能完全的有效，有时候必须手动在body前面写)

如果在文档没有完全加载之前就运行函数，操作可能失败。下面是两个具体的例子：

试图隐藏一个不存在的元素
获得未完全加载的图像的大小

简洁写法（与以上写法效果相同）:

$(function(){// jQuery methods go here...
});

3.jQuery 中所有选择器都以美元符号开头：$()

4.通过 jQuery，您可以使用 toggle() 方法来切换 hide() 和 show() 方法。

$(selector).toggle(speed,callback);

toggle是一个强大的转换命令。

淡入淡出：fadeIn(),fadeOut(),fadeToggle(),fadeTo()

滑动：slideDown(),slideUp(),slideToggle()

5.jQuery animate()

$(selector).animate({params},speed,callback);

几乎可以用 animate() 方法来操作所有 CSS 属性吗。当使用 animate() 时，必须使用 Camel 标记法书写所有的属性名，比如，必须使用 paddingLeft 而不是 padding-left，使用 marginRight 而不是 margin-right，等等。

同时，色彩动画并不包含在核心 jQuery 库中。

如果需要生成颜色动画，您需要从 jquery.com 下载 Color Animations 插件。

非常强大的效果：http://www.w3cschool.cc/jquery/jquery-animate.html

转载于:https://www.cnblogs.com/icyJ/p/4353757.html

jQuery笔记二——基础/动画相关推荐

【Visual C++】游戏开发笔记之八——基础动画显示（二）游戏循环的使用
在笔记七中我们讲解了用定时器来产生动画的效果.定时器的使用固然简单方便,但是事实上这样的方法仅适合用在显示简易动画及小型的游戏程序中.因为一般而言,游戏本身需要显示顺畅的游戏画面,使玩家感觉不到延迟的 ...
Vue2.0学习笔记二基础语法
1. Mustache语法 Mustache语法也叫插值表达式,Mustache语法式通过{{}}渲染到页面,并且数据是响应式的. 数据的响应式:数据的变化导致页面的内容随之变化效果图: 2. 指令 ...
Direct3D学习笔记(二)——精灵动画(Sprite)
使用精灵表精灵表,就是一个包含了多个图片单元的平铺的图像. 我们需要做的就是,算出图片单元的左上角在位图图像中为止,然后从图像中按照精灵的宽度和高度复制出一个源矩形来. 使用这个技术绘制单个帧,我们 ...
读Hean first jQuery笔记1(基础)
html+css 对于指定页面结构和样式很不错,一旦绘制html页面,就会漂漂亮亮出现在你面前,只不过是静态的.说到底只是控制页面如何显示而已.无法为web页面增加行为. jQuery 为web页面添 ...
JQuery笔记(二)jq常用方法animate()
在jq中,比较方便的是相对于js,jq封装了很多方法,很方便使用,下面我举几个常用的方法 animate()方法 1 <!DOCTYPE html> 2 <html lang=&qu ...
ros 发布信息频率_ROS入门笔记二基础
1.创建工作空间 1.什么是工作空间工作空间(workspace)是一个存放工作开发相关文件的文件夹 src:代码空间(Source Space) build:编译空间(Build Space) d ...
jQuery,Ajax.animate,SVG(简要学习笔记二十)[完结篇]
1.$和jquery在全局命名空间中定义的唯一两个变量. 2.jquery是工厂函数,不是构造函数.他返回一个新创建的对象. 3.jquery的四种调用方式: <1>传递CSS选择 ...
jQuery——入门（二）动画
jQuery -- 入门(二)动画/效果一.案例解析 hide([speed,[easing],[fn]]) []:意思表示的方括号中的东西是可选的,可有可无的: []中,会有对应的参数名称[变量名 ...
【jQuery笔记Part2】05-jQuery自定义动画
jQuery自定义动画简介 animate() 使用操作多个属性使用相对值使用预定义的值通过连缀或者顺序来实现列队动画顺序写法连缀写法停止动画延时动画 jQuery笔记目录简介 j ...
jQuery笔记 - 基础
jQuery学习笔记-基础知识 01 初识jQuery 02 jQuery和JavaScript的固定写法 03 jQuery和JavaScript加载模式 04 jQuery 入口函数其它写法 05 ...

jQuery笔记二——基础/动画

jQuery笔记二——基础/动画相关推荐

最新文章

热门文章