恩现在是在学习阶段,所以还只是一个小小的搬运工, 大部分参考自 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的更多相关文章

  1. 净捡软柿子捏--jQuery 遍历方法

    ---------------------------------------------add()------------------------------------------ jquery. ...

  2. 15天学会jquery

    第二章 15 Days of jQuery 比window.onload 更快一些的载入 window.onload()是传统javascript 里一个能吃苦耐劳的家伙.它长久以来一直 被程序员们作 ...

  3. 热修复-Nuwa学习篇

    nuwa热修复是基于qq空间团队的思路,最近的热度话题了,很多种方案,自己先研究几种方案,基本上都各有优势,学习肯定得先挑个软柿子捏了,自己对比了一下,发现nuwa代码量少点,所以就决定了,先研究nu ...

  4. 【原创】Kakfa message包源代码分析

    笔者最近在研究Kafka的message包代码,有了一些心得,特此记录一下.其实研究的目的从来都不是只是看源代码,更多地是想借这个机会思考几个问题:为什么是这么实现的?你自己实现方式是什么?比起人家的 ...

  5. 用PHP+H5+Boostrap做简单的音乐播放器(进阶版)

    前言:之前做了一个音乐播放器(纯前端),意外的受欢迎,然后有人建议我把后台一起做了,正好也想学习后台,所以学了两天php(不要吐槽我的速度,慢工出细活嘛~)然后在之前的基础上也又完善了一些功能,所以这 ...

  6. 多媒体技术基础之---Come on!来点儿音乐吧

    其实要说在Linux系统下播放音乐,确实是一件让人非常抓狂的事情,抛开各种音频格式的商业授权不说,即使提供给你相应的解码库,能玩儿得转的人那又是少之又少.可能有些盆友说ubuntu这方面确实做得不错, ...

  7. 手把手教你写电商爬虫-第三课 实战尚妆网AJAX请求处理和内容提取

    版权声明:本文为博主原创文章,未经博主允许不得转载. 系列教程: 手把手教你写电商爬虫-第一课 找个软柿子捏捏 手把手教你写电商爬虫-第二课 实战尚妆网分页商品采集爬虫 看完两篇,相信大家已经从开始的 ...

  8. 互联网金融爬虫怎么写-第一课 p2p网贷爬虫(XPath入门)

    版权声明:本文为博主原创文章,未经博主允许不得转载. 相关教程: 手把手教你写电商爬虫-第一课 找个软柿子捏捏 手把手教你写电商爬虫-第二课 实战尚妆网分页商品采集爬虫 手把手教你写电商爬虫-第三课 ...

  9. 手把手教你写电商爬虫-第四课 淘宝网商品爬虫自动JS渲染

    版权声明:本文为博主原创文章,未经博主允许不得转载. 系列教程: 手把手教你写电商爬虫-第一课 找个软柿子捏捏 手把手教你写电商爬虫-第二课 实战尚妆网分页商品采集爬虫 手把手教你写电商爬虫-第三课 ...

随机推荐

  1. SQL Server 百万级数据提高查询速度的方法

    1.应尽量避免在 where 子句中使用!=或<>操作符,否则将引擎放弃使用索引而进行全表扫描. 2.对查询进行优化,应尽量避免全表扫描,首先应考虑在 where 及 order by 涉 ...

  2. 使用EasyUI布局时出现混乱瞬间的解决方法

    在所有form代码之前加遮罩层 <div id='PageLoadingTip' style="position: absolute; z-index: 1000; top: 0px; ...

  3. Infer.net 开源组件: 1, 机器学习入门,要从贝叶斯说起

    我的入门方式,先从应用现象中,总结规律反推本质.一头扎进理论书籍是不对的. 老外的先进,还是体现在传承方面.没办法,我们竞争压力大,有好东西藏着掖着.大家都苦逼 我最开始是从介绍,有了基本概念,见xx ...

  4. HTTP Header详解(转载)

    HTTP Header详解 HTTP(HyperTextTransferProtocol)即超文本传输协议,目前网页传输的的通用协议.HTTP协议采用了请求/响应模型,浏览器或其他客户端发出请求,服务 ...

  5. Multiprotocol Label Switching (MPLS)

    Posted by: Margaret Rouse WhatIs.com   Contributor(s): Robert Sturt This definition is part of our E ...

  6. Unix 复制文件至指定目录

    cp /gaps/log/20160504/bxdx_20160504.log.Z   /home 将/gaps/log/20160504/bxdx_20160504.log.Z 文件复制到home路 ...

  7. Maven的内置变量

    Maven内置变量说明: ${basedir} 项目根目录(即pom.xml文件所在目录) ${project.build.directory} 构建目录,缺省为target目录 ${project. ...

  8. js浏览器窗口

    一.clientwidth和clientheight 注:返回了元素大小,但没有单位,默认单位是 px,如果你强行设置了单位,比如 100em之类,它还是会返回 px的大小. (CSS获取的话,是照着 ...

  9. android中通话录音

    file = new File(Environment.getExternalStorageDirectory(), this.incomeNumber + System.currentTimeMil ...

  10. 9.28 Java基本数据类型作业

    要求:声明各数据类型变量或常量,赋值并进行输出. 以下为代码: public class SJLX {//公共类 public static void main(String[] args) { // ...