净捡软柿子捏--jQuery
恩现在是在学习阶段，所以还只是一个小小的搬运工， 大部分参考自 http://www.w3school.com.cn/ 和http://www.zhangxinxu.com/
超级好的两个学习网站，因为怕之后的学习过程中会忘记声明转载，所以这边先说一下：如果未声明转载地址，一定是我忘记了，我不是故意哒求原谅~~~~(>_<)~~~~
-----------------今天学习了slideToggle()和unbind()-------------------
unbind()使动作无效
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".myaa").click(function(){
//通过使用滑动效果，在显示和隐藏状态之间切换当前元素
$(this).slideToggle();
});
$("button").click(function(){
//无效.myaa元素的所有动作
//$(".myaa").unbind();
//无效.myaa元素的click动作
$(".myaa").unbind("click");
//无效.myaa元素的click动作时触发的fnTest方法
//$(".myaa").unbind("click",fnTest);
});
});
</script>
</head>
<body>
<p class="myaa">这是一个段落。</p>
<p class="myaa">这是另一个段落。</p>
<p class="myaa">点击任何段落可以令其消失。包括本段落。</p>
<button>删除 p 元素的事件处理器</button>
</body>
</html>
//
这是一个段落。
这是另一个段落。
点击任何段落可以令其消失。包括本段落。
删除 myaa 元素的事件处理器
---------------------------------------------setTimeout------------------------------------------
setTimeout
定义和用法: setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。返回的是timeoutID。setTimeout不会自动重复执行。
语法: setTimeout(code,millisecond)
参数：code （必需）：要调用的函数后要执行的 JavaScript 代码串。millisec（必需）：在执行代码前需等待的毫秒数。
提示：setTimeout() 只执行 code 一次。如果要多次调用，请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
重复执行
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
var x = 0
function countSecond()
{
x = x+1
document.aform.ainput.value=x
setTimeout("countSecond()", 1000)
}
</script>
</head>
<html>
<body>
<form name="aform">
<input type="text" name="ainput"value="0" size=4 />
</form>
<script>
countSecond()
</script>
</body> </html>
---------------------------------------------clearTimeout------------------------------------------
clearTimeout
定义和用法: clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout。
语法: clearTimeout(id_of_settimeout)
参数：id_of_settimeout：由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。
下面的例子每秒调用一次 timedCount() 函数。您也可以使用一个按钮来终止这个定时消息：
<html>
<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}
function stopCount()
{
clearTimeout(t)
}
</script>
</head>
<body>
<form>
<input type="button" value="开始计时！" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="停止计时！" onClick="stopCount()">
</form>
<p>
请点击上面的“开始计时”按钮。输入框会从 0 开始一直进行计时。点击“停止计时”可停止计时。
</p>
</body>
</html>
---------------------------------------------setInterval------------------------------------------
setInterval
定义和用法: setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
语法: setInterval(code,millisec[,"lang"])
参数：code （必需）：要调用的函数或要执行的代码串。millisec（必需）：周期性执行或调用 code 之间的时间间隔，以毫秒计。
返回值：一个可以传递给 Window.clearInterval() 从而取消对 code 的周期性执行的值。
---------------------------------------------生成随机数------------------------------------------
Math.random()方法可返回介于 0 ~ 1 之间的一个随机数(包括0,不包括1) 。所以，n*Math.random()得到的值的范围为0 ~ n，m+n*Math.random()得到的值的范围为m ~ m+n
Math.round(x)方法可把一个数字舍入为最接近的整数。
对于 0.5，该方法将进行上舍入。
Math.round(0.49)//0
Math.round(0.50)//1
Math.round(-0.50)//0
所以，取的min~max之间的整数的方法：
function randomNum(min,max)
{
var range = max - min;
var rand = Math.random();
return(min + Math.round(rand * range));
}
如果填的值为类似（60,40）也没关系，因为Math.round(rand * range)为负数，min+负数的结果还是在设定的取值范围内
向下取整
Math.floor(5)//5
Math.floor(5.9)//5
Math.floor(-5.9)//-6
---------------------------------------------四舍五入------------------------------------------
toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。
var num = new Number(13.3857);
alert(num.toFixed(2));//13.39
净捡软柿子捏--jQuery的更多相关文章
- 净捡软柿子捏--jQuery 遍历方法
---------------------------------------------add()------------------------------------------ jquery. ...
- 15天学会jquery
第二章 15 Days of jQuery 比window.onload 更快一些的载入 window.onload()是传统javascript 里一个能吃苦耐劳的家伙.它长久以来一直 被程序员们作 ...
- 热修复-Nuwa学习篇
nuwa热修复是基于qq空间团队的思路,最近的热度话题了,很多种方案,自己先研究几种方案,基本上都各有优势,学习肯定得先挑个软柿子捏了,自己对比了一下,发现nuwa代码量少点,所以就决定了,先研究nu ...
- 【原创】Kakfa message包源代码分析
笔者最近在研究Kafka的message包代码,有了一些心得,特此记录一下.其实研究的目的从来都不是只是看源代码,更多地是想借这个机会思考几个问题:为什么是这么实现的?你自己实现方式是什么?比起人家的 ...
- 用PHP+H5+Boostrap做简单的音乐播放器（进阶版）
前言:之前做了一个音乐播放器(纯前端),意外的受欢迎,然后有人建议我把后台一起做了,正好也想学习后台,所以学了两天php(不要吐槽我的速度,慢工出细活嘛~)然后在之前的基础上也又完善了一些功能,所以这 ...
- 多媒体技术基础之---Come on！来点儿音乐吧
其实要说在Linux系统下播放音乐,确实是一件让人非常抓狂的事情,抛开各种音频格式的商业授权不说,即使提供给你相应的解码库,能玩儿得转的人那又是少之又少.可能有些盆友说ubuntu这方面确实做得不错, ...
- 手把手教你写电商爬虫-第三课 实战尚妆网AJAX请求处理和内容提取
版权声明:本文为博主原创文章,未经博主允许不得转载. 系列教程: 手把手教你写电商爬虫-第一课 找个软柿子捏捏 手把手教你写电商爬虫-第二课 实战尚妆网分页商品采集爬虫 看完两篇,相信大家已经从开始的 ...
- 互联网金融爬虫怎么写－第一课 p2p网贷爬虫（XPath入门）
版权声明:本文为博主原创文章,未经博主允许不得转载. 相关教程: 手把手教你写电商爬虫-第一课 找个软柿子捏捏 手把手教你写电商爬虫-第二课 实战尚妆网分页商品采集爬虫 手把手教你写电商爬虫-第三课 ...
- 手把手教你写电商爬虫-第四课 淘宝网商品爬虫自动JS渲染
版权声明:本文为博主原创文章,未经博主允许不得转载. 系列教程: 手把手教你写电商爬虫-第一课 找个软柿子捏捏 手把手教你写电商爬虫-第二课 实战尚妆网分页商品采集爬虫 手把手教你写电商爬虫-第三课 ...
随机推荐
- Python快速教程目录（转）
作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明.谢谢! 怎么能快速地掌握Python?这是和朋友闲聊时谈起的问题. Python包含的内容 ...
- struts2和spring3.2的整合 详细演示
1.首先我们新建一个Web工程,如下: 2.导入Spring和Struts2的jar包. 其中,struts2-spring-plugin-2.1.8.jar是struts2.spring整合的关键. ...
- Burndown chart
S型的燃尽图 在一次milestone开发过程中,开发者会持续编辑issue列表,每个issue都有自己的生命周期.燃尽图预期这些issues会被线性的消灭掉,所以从第一天直接到最后一天画个直线表示预 ...
- 各地IT薪资待遇讨论
作为一个搞.net开发的程序员,在北京混了三年半,最近准备辞职到上海找工作.由于对上海的IT行业还不是很了解,在这里想让上海的同行们说下你们的情况,以方便我对自己在上海的定位,当然,其余城市的的同行们 ...
- BASH 命令以及使用方法小结
最近工作中需要写一个Linux脚本,用到了很多BASH命令,为了防止以后忘记,在这里把它们一一记下来.可能会比较乱,随便看看就好了.如果有说的不对的地方也欢迎大家指正. 1,export VAR=.. ...
- “奥特曼攻打小怪兽”java学习打怪升级第一步
---恢复内容开始--- 练习:回合制对战游戏:奥特曼和小怪兽进行PK,直到一方的血量为0时结束战斗,输出谁胜利了! 不难看出场景中有两个对象:”奥特曼“这一对象抽象为”Ao"类: ...
- Redis的五种数据结构
Redis支持持久化只是它的一件武器,它提供了多达5种数据存储方式: 一 string(字符串) string是最简单的类型,你可以理解成与Memcached一模一样的类型,一个key对应一个val ...
- SDN组网相关解决方案
http://www.muzixing.com/pages/2016/02/14/sdnzu-wang-xiang-guan-jie-jue-fang-an.html 2016-02-14 by mu ...
- Spearman Rank(斯皮尔曼等级)相关系数及MATLAB实现
转自:http://blog.csdn.net/wsywl/article/details/5859751 Spearman Rank(斯皮尔曼等级)相关系数 1.简介 在统计学中,斯皮尔曼等级相关系 ...
- [Offer收割]编程练习赛5-1 小Ho的防护盾
#1357 : 小Ho的防护盾 时间限制:10000ms 单点时限:1000ms 内存限制:256MB 描述 小Ho的虚拟城市正在遭受小Hi的攻击,小Hi用来攻击小Ho城市的武器是一艘歼星舰,这艘歼星 ...