Javascript学习笔记之 函数篇（三） : 闭包和引用

2017年02月06日 13 阅读

Javascript 中一个最重要的特性就是闭包的使用。因为闭包的使用，当前作用域总可以访问外部的作用域。因为 Javascript 没有块级作用域，只有函数作用域，所以闭包的使用与函数是紧密相关的。模拟私有变量复制代码 代码如下:function Counter（start） { var count = start; return { increment: function（） { count++; }, get: function（） { return...

Javascript学习笔记之函数篇（四）:arguments 对象

2017年02月06日 12 阅读

每一个 Javascript 函数都能在自己作用域内访问一个特殊的变量 - arguments。这个变量含有一个传递给函数的所有参数的列表。arguments 对象不是一个数组。尽管在语法上它跟数组有相同的地方，例如它拥有 length 属性。但它并不是从 Array.prototype 继承而来，实际上，它就是一个对象。因此，我们不能直接对 arguments 使用一些数组的方法，例如 push, pop 或 slice 等。 所以为了使用这些方法，我们...

Javascript学习笔记之函数篇（五） : 构造函数

2017年02月06日 12 阅读

Javascript 中的构造函数与其他语言相比也是不同的。任何通过关键字 new 调用的函数都可以当做构造函数。在构造函数体内，this 指向新创建的对象。如果构造函数体内没有显示的 return 表达式，那么我们就默认返回 this，也就是新建的对象。复制代码 代码如下:function Foo（） { this.bla = 1;}Foo.prototype.test = function（） { console.log（this.bla）;};var...

Javascript学习笔记之函数篇（六） : 作用域与命名空间

2017年02月06日 12 阅读

在之前的介绍中，我们已经知道 Javascript 没有块级作用，只有函数级作用域。复制代码 代码如下:function test（） { // a scope for（var i = 0; i < 10; i++） { // not a scope // count } console.log（i）; // 10}Javascript 中也没有显示的命名空间，这就意味着一切都定义在全局作用域中。每一次引用一个变量时，Javascript 会往上遍历...

Javascript 赋值机制详解

2017年02月06日 12 阅读

今天回答了一个关于 Javascript 的问题，涉及到了赋值问题，因此想把这个问题好好总结下。复制代码 代码如下:var a = "test";var b = function（） {};b.a = "test";function change（m, n） { m = "change"; n.a = "change";}change（a, b）;执行上述代码后，变量 a 和 b 的值会发生改变吗？原始值和引用值在 之前的文章中介绍过原始值和引用值，原始值...

Javascript学习笔记之数组的遍历和 length 属性

2017年02月06日 12 阅读

尽管数组在 Javascript 中是对象，但是不建议使用 for in 循环来遍历数组，实际上，有很多理由来阻止我们对数组使用 for in 循环。因为 for in 循环将会枚举原型链上的所有属性，并且唯一阻止的方法是使用 hasOwnProperty 来判断，这将比普通的 for 循环要慢不少。遍历为了达到最佳性能来遍历一个数组，最好的方式就是使用经典的 for 循环。复制代码 代码如下:var list = [1, 2, 3, 4, 5, .......

Javascript学习笔记之数组的构造函数

2017年02月06日 12 阅读

数组的构造函数由于数组的构造函数在处理参数时的不确定性，因此强烈建议使用 [] 符号来创建一个新数组。[1, 2, 3]; // Result: [1, 2, 3]new Array（1, 2, 3）; // Result: [1, 2, 3][3]; // Result: [3]new Array（3）; // Result: []new Array（"3"） // Result: ["3"]当只有一个参数被传递到数组的构造函数中，并且这个参数还是一个数...

Javascript学习笔记之相等符号与严格相等符号

2017年02月06日 14 阅读

Javascript 有两种方法来判断两种值是否相等。相等符号相等符号由两个等号组成： ==Javascript 是弱类型语言。这就意味着相等符号为了比较两个值将会强制转换类型。复制代码 代码如下:"" == "0" // false0 == "" // true0 == "0" // truefalse == "false" // falsefalse == "0" // truefalse == undefined // falsefalse == n...

常见的jQuery选择器汇总

2017年02月06日 14 阅读

基本元素选择器复制代码 代码如下:$（"p"）$（"p.ii"）选取所有class=ii的 p元素$（"p#demo"）选取id=demo的第一个p元素分层选择器复制代码 代码如下:$（"div input"）div 下的所有input$（"div>input"）基本条件选择器复制代码 代码如下:$（"p:first"）$（"p:last"）$（"tr:even"）选择偶数行$（"tr:odd"）奇数$（"input:not（:checked）"）选...

jQuery选择器全集详解

2017年02月06日 12 阅读

选择器是jQuery最基础的东西，本文中列举的选择器基本上囊括了所有的jQuery选择器，也许各位通过这篇文章能够加深对jQuery选择器 的理解，它们本身用法就非常简单，我更希望的是它能够提升个人编写jQuery代码的效率。本文配合截图、代码和简单的概括对所有jQuery选择器进行 了介绍，也列举出了一些需要注意和区分的地方。一、基本选择器1. id选择器（指定id元素）将id="one"的元素背景色设置为黑色。（id选择器返单个元素）$（documen...

jQuery简单实现网页选项卡特效

2017年02月06日 12 阅读

CSS：复制代码 代码如下: .clear{clear:both; height:0px; overflow:hidden;} .tab{width:400px; font-size:12px;} .tab_menu ul{padding:0px;margin:0px;} .tab_menu li{list-style:none; display:block; float:left; background:#C2CEFE; height:22px;...

基于jQuery实现表单提交验证

2017年02月06日 13 阅读

html表单代码：复制代码 代码如下: <form method="post" action=""> <div class="int"> <label for="username">用户名：</label> <input type="text" id="username" class="required"/> </div> <div class="int"> &...

基于jQuery实现下拉框

2017年02月06日 12 阅读

项目中经常会遇到下拉框，在扁平化和响应式布局大行其道的今天，使用jQuery来实现下拉框就十分的必要了，而且也会美观很多，这里就给大家推荐一段基于jQuery的下拉框代码。jQuery代码：复制代码 代码如下: $（function（）{ $（"#add"）.click（function（）{ var $options = $（"#select1 option:selected"）; $options.appendTo（"#select2"）; }...

基于jQuery实现复选框的全选 全不选 反选功能

2017年02月06日 12 阅读

本代码是在众多的jQuery复选框功能代码中精选出来的，本人项目中使用的代码，这里分享给大家。jQuery代码：复制代码 代码如下: $（function（）{ $（"#checkedAll"）.click（function（）{ $（"[name=items]:checkbox"）.attr（"checked",true）; }）; $（"#checkedNo"）.click（function（）{ $（"[name=items]:checkb...

基于jQuery实现文本框缩放以及上下移动功能

2017年02月06日 13 阅读

想让你的网页更加的炫酷，想让你的留言评论更加的具有互动性吗，那么请仔细研究下本代码吧。jQuery代码：复制代码 代码如下:$（function（）{ var $comment = $（"#comment"）; $（".bigger"）.click（function（）{ if（！$comment.is（":animated"））{ if（$comment.height（） < 500）{ //$comment.height（$commen...

jQuery实现统计复选框选中数量

2017年02月06日 12 阅读

代码很简介，功能也很简单，但是却很实用，这里就不细说明了直接上代码jQuery代码：复制代码 代码如下: function countNum（）{ //alert（$（"input[name=check]:checked"）.length）; var arrays = new Array（）; var items = document.getElementsByName（"check"）; for（var i=0;i<items.length...

jQuery实现隔行背景色变色

2017年02月06日 12 阅读

隔行变色有很多中方法来实现，之前我都是直接将判断代码写在程序中，今天我们来使用jQuery实现，代码奉上~jQuery代码：复制代码 代码如下: $（function（）{ var item = $（"tr"）; for（var i=0;i<item.length;i++）{ if（i%2==0）{ item[i].style.backgroundColor="#888"; } } //$（"#tb tbody tr:even"）.cs...

使表格的标题列可左右拉伸jquery插件封装

2017年02月06日 12 阅读

插件名称命名为:jquery.tableresize.js，代码如下：复制代码 代码如下:/*Writen by mlcactus, 2014-11-24这是我封装的一个jquery插件，能够使table的各列可以左右拉伸，从而使宽度变小或变大用法：单个table：$（"#table_id"）.tableresize（）; 页面所有table：$（"table"）.tableresize（）;*/（function （$） {$.fn.tableresiz...

JavaScript实现大数的运算

2017年02月06日 13 阅读

对于非常大或非常小的数，可以用科学记数法表示浮点值。采用科学记数法，可以把一个数表示为数字加e/E，后面加乘以10的倍数，如：复制代码 代码如下:var num1 = 3.125e7; // 31250000 var num2 = 3e-17; // 0.00000000000000003进行特别大的数的加减运算，可以使用字符串+科学记数法的方法来进行，如：复制代码 代码如下:// 这里只考虑大整数的情况，不考虑小数 function strAdd（sNu...

JS和JQ的event对象区别分析

2017年02月06日 12 阅读

代码测试：复制代码 代码如下:<div id="test"><p>test text<p></div> <script src="vendor/jquery-2.1.1.js"></script> <script> test.addEventListener（"click", function（e）{console.log（e）;}, false）, $（"#test"）....