净捡软柿子捏--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渲染
版权声明:本文为博主原创文章,未经博主允许不得转载. 系列教程: 手把手教你写电商爬虫-第一课 找个软柿子捏捏 手把手教你写电商爬虫-第二课 实战尚妆网分页商品采集爬虫 手把手教你写电商爬虫-第三课 ...
随机推荐
- 前端见微知著AngularJS备忘篇:温故而知新,可以为师矣
话说以前JQuery刚出来的时候,真的是对个人的冲击蛮大的.记得当时我买的第一本书就是<锋利的JQuery>,藉由这本书开始,我从此以后的项目基本用上了JQuery,其给我带来的便利性是不 ...
- Android -- 桌面悬浮,QQ管家火箭实现
续上一篇博客<Android -- 桌面悬浮,仿360>,传送门:http://www.cnblogs.com/yydcdut/p/3909888.html,在此代码上继续添加实现. 比起 ...
- 由一次程序崩溃引起的对new表达式的再次学习
1. 起因 某天,一个同事跟我反馈说在windows上调试公司产品的一个交易核心时出现了使用未初始化的指针导致后台服务崩溃的情况.示例代码如下所示: struct sample { ][]; //.. ...
- Validform表单验证总结
近期项目里用到了表单的验证,选择了Validform_v5.3.2. 先来了解一下一些基本的参数: 通用表单验证方法:Demo: $(".demoform").Validform( ...
- PHP学习资料分享
PHP有着开源.执行效率高.优化代码运行等特性,功能强大,被广泛运用,很多大型企业网站开发的首选,百度.腾讯.新浪.金山等均采用了PHP开发.学好PHP对网络开发人员而言具有很好的发展前景,市场对PH ...
- N-gram模型
n元语法 n-gram grammar 建立在马尔可夫模型上的一种概率语法.它通过对自然语言的符号串中n个符号同时出现概率的统计数据来推断句子的结构关系.当n=2时,称为二元语法,当 ...
- hwclock 显示或设置CMOS时间
显示或设置CMOS时间 hwclock [options] 选项 -r 默认选项,读取并打印CMOS时间 -s 将CMOS时间设置为系统时间 - ...
- C#开发命名规范
学习C#之初,始终不知道怎么命名比较好,很多时候无从命名,终于有一天我整理了一份命名规范文档,自此我就是按照这个命名规范书写代码,整洁度无可言表,拙劣之处请大家斧正,愚某虚心接受,如有雷同,不胜荣幸 ...
- linux基础-第十三单元 硬盘分区、格式化及文件系统的管理二
第十三单元 硬盘分区.格式化及文件系统的管理二 文件系统的挂载与卸载 什么是挂载 mount命令的功能 mount命令的用法举例 umount命令的功能 umount命令的用法举例 利用/etc/fs ...
- Android AlertDialog
在Android 4.2 中不推荐使用showDialog弹窗,这里简单总结一下AlertDialog的使用方法,以后复习的时候看着方便,详细使用方法需要的时候再研究. setTitle :为对话框设 ...