一、官方网站下载：http://jquery.com 二、引入JQuery文件库 下载完后不用安装，只需将文件导入页面中即可，即在<head></head>中加入如下代码：<script language="javascript" type="text/javascript" src="jquery-1.8.3.min.js"></script> 三、编写一个弹出对话框的简单应用。 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CO...
1、JQuery选择器继承了CSS、path语音的部分语法，允许通过标签名、属性名、内容对DOM元素进行快速、准确的选择。 2、JQuery选择器与JavaScript相比，具有代码简单、完善的检测机制的优势。 3、使用JQuery选择器实现隔行变色，示例代码如下： 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> 使用JQuery实现隔行变色 </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META ...
1、JavaScript访问DOM对象方法： var oTxtValue=document.getElementById("Text1").value; 2、JQuery访问DOM对象方法： var oTxtValue=$("#Text1").val(); 通过JQuery库中的方法访问或控制页面中的元素，比使用JavaScript代码要简洁得多，而且兼容各浏览器。 示例代码： 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> 控制DOM对象 </TITLE> <META NAME="Generator" CONTENT="E...
Knockoutjs是一个JavaScript实现的MVVM框架。主要有如下几个功能： 1. Declarative bindings 2. Observables and dependency tracking 3. Templating 它对于分离前台的业务逻辑和视图简化数据绑定过程有显著的作用。闲言少叙，直接看例子，如何下载也不说了，如果用VS开发的话用Nuget就可以一键搞定。1.基本绑定和依赖跟踪 首先需要定义一个ViewModel: 代码如下:<script type="text/javascript"> function ViewModel() { this.firs...
比如要在一个列表中利用ajax插入一个li的时候，我会直接把数据跟html标签拼接成一句完整的html，然后插入到ul中。无论数据是从服务器端拿回的，或者是从用户的input输入中拿到的——无论哪种方法都是一样。 这个拼接过程放在JavaScript文件中，显得非常不优雅。如果还把style也放在JavaScript中，那数据、结构还有样式整个就是一锅粥了，要维护这样的代码会让人想自杀。最过分的就是把页面上最终要生成的HTML都直接放在服务器端，a...
什么是对象 简单点说，编程语言中的对象是对现实中事物的简化。例如，我们一个人就是一个对象，但是编程语言很难完全描述一个这样复杂的对象。所以我们必须做出简化，首先，将人简化成属性和行为的组合，然后仅仅保留对程序有意义的几个属性以及行为。例如，我们做一个统计某学校的人的身高的程序，那么我们在这个程序中就可以把人的行为省略掉，只保留行为，并且只保留身高这一个属性。这样，我们就得到了一个最简单的对象。 Java...
一，for循环的基本写法 代码如下： 代码如下://例一for(var i=1;i<=10;i++) { alert(i); } 这段代码太简单了，我都不好意思拿出手。代码的执行结果是依次弹出1到10，PS：在早期的IE如IE6中，你把10改成10000，就能让用户一直点确定什么也不能干了哈哈——不要说是我出的主意。 由于这是一篇基础课程，所以我们回归正题来详细分析一下这段代码吧。 for循环的结构都是类似的，任意一个for循环都是这样的： for(开始前;循环进行的条...
Node.js是一套用来编写高性能网络服务器的JavaScript工具包，一系列的变化由此开始。比较独特的是，Node.js会假设你是在POSIX环境下运行它Linux 或 Mac OS X。如果你是在Windows下，那就需要安装MinGW以获得一个仿POSIX的环境。在Node中，Http是首要的。Node为创建http服务器作了优化，所以你在网上看到的大部分示例和库都是集中在web上(http框架、模板库等）。 首先，去http://nodejs.org 下载安装。我下的版本是0.6.6。安装很简单...
首先下载node.js，然后解压到E盘，改名为node，然后开始菜单输入cmd，用cd命令切换到nodejs的解压目录： 第一个例子：hello world。 在node目录下建立hello.js文件，然后在里面输入： 代码如下:var sys = require("sys"); sys.puts("Hello world"); 然后我们在命名台中输入命令node hello.js，就能看到命名台输出结果Hello world。 第二个例子：hello world2。 好了，这次我们试从游览器中输出hello world。在node目录下建立htt...
我们知道每个模块对应一个js文件，这篇写一个最简单的模块hello.js， 然后在另一个js文件(main.js)中require自定义的模块。 hello.js 代码如下:function hello(name) { console.log(hello, + name); } exports.hello = hello; main.js 代码如下:var h = require(./hello); h.hello(snandy); 约定：hello.js和main.js在同一个目录下，比如是node目录 打开命令行，进入node目录，执行命令 代码如下:node main.js 可以看到命令行...
你也可以尝试一下在线版的Uglifyjs： http://sweet.fengyin.name/ 需要先安装node，进入命令行，查看node，npm是否正确安装。 接下来安装UglifyJS，命令如：npm install uglify-js -g 最后别忘了把node和npm添加到环境变量中，我的分别是 C:\Program Files (x86)\nodejs\; C:\Users\taozhou\AppData\Roaming\npm;现在就可以使用uglifyjs就行压缩了，如 uglifyjs folder/dom.js -> folder/dom-min.js 会把目录folder下dom.js压缩...
获取最新代码 可以到http://ligerui.googlecode.com下载最新代码。 简介 jQuery LigerUI 是基于jQuery的一系列UI控件组合，简单而又强大，致力于快速打造Web前端界面解决方案。 因为是前端控件，跟服务器无关，可以适合.net,jsp,php等等web服务器环境。目前全部插件的打包压缩JS只有100K左右,很轻巧。使用插件式的开发模式，以“简单”为原则的设计，每个插件尽量独立，并可依赖拓展。 ligerUI是什么 jQuery LigerUI控件丰富，包括...
今天在公司实在没有事做，突然就想到写下商城的购物车的前端框架，当然我这里只有购物车的增删改查，也许写的并不是那么完善，但最重要的是一个入门，也希望js达人给些建议，好让我更上一个台阶。 HOHO~~~开始咯： Js： 代码如下://为了省事，就没写自己的js ajax了 用了jquery的，当然你也可以添加到jquery的扩展方法内,哈哈，我太懒了，所以就写这里了。 var _$ = { AJAX: function (urlparm, d, beforecall, successcall) { $....
一篇关于“JavaScript语言入门”的文章涵盖了JavaScript语言中许多最基础的内容，从创建脚本标签到使用注释、把JavaScript文件包含到HTML文档中、定义变量、使用运算符、定义数组、使用条件语句、定义函数和使用循环等。本文从上一篇文章结束的地方开始，解释其他的一些基本的JavaScript语言概念，继续为初学者提供对语言的基础理解。本文提及的基础内容能够让你更好地理解所使用的库，知道如何就究竟要不要使用库做出决定，甚至有...
JavaScript 语言正越来越受欢迎，可以说是是互联网上最突出的语言之一。你可以跨平台和浏览器使用它，其并不排斥后端语言。现在有许多不同的开发库——有些非常棒—— 这些库对开发很有帮助，比如说加快了开发的时间等等。问题是，有时候这些库与原始语言之间很是有一些距离，这使得刚入门的开发者缺乏一种对语言的基础了解。 本文通过全面列举基础的JavaScript概念这一方式来阐述该语言的基本原理，以此来为初学者提供一个对语言的...