requirejs-define jquery 快速初学实例(一)

原文地址:http://6yang.net/articles_view.php?id=1103 2011-10-18 13:12:01 by [6yang], 1029 visits, 收藏 | 返回实例说明: DEMO[require]:http://6yang.net/myjavascriptlib/requirejs/demo/d1.html DEMO[require-define]:http://6yang.net/myjavascriptlib/requirejs/demo/d2.h…

requireJS简介和一个完整实例

什么是 requireJS ? requireJS 是用JavaScript编写的JS框架,主要功能是可以按不同的先后依赖关系对 JavaScript 等文件的进行加载工作,可简单理解为JS文件的加载器,它非常适合在浏览器中使用,它可以确保所依赖的JS文件加载完成之后再加载当前的JS文件,这在大量使用JS文件的项目中可确保各个JS文件的先后加载顺序,确保避免了以前因某些原因某个文件加载慢而导致其它加载快的文件需要依赖其某些功能而出现某函数或某变量找不到的问题,这点非常有用,也是 requireJ…

jQuery 快速入门教程

内容目录 jQuery 入门什么是jQuery 如何使用jQuery jQuery的运行原理如何选择jQuery版本 ready() 准备就绪时执行代码 jQuery 核心:选取元素使用jQuery 选择器选取元素,并封装为jQuery对象将现有的DOM元素封装为jQuery对象将HTML字符串封装为jQuery对象元素筛选 jQuery 核心:DOM操作的原则切记混淆jQuery对象和Element对象的方法 Get and Set in One 原则 Get first Set…

RequireJS和JQuery的模块化编程

基于RequireJS和JQuery的模块化编程由于js的代码逻辑越来越重,一个js文件可能会有上千行,十分不利于开发与维护.最近正在把逻辑很重的js拆分成模块,在一顿纠结是使用requirejs还是seajs的时候,最终还是偏向于requirejs.毕竟官方文档比较专业嘛...不过即便是有完整的官方文档,仍然遇到不少的问题,比如jquery-ui的使用.下面就循序渐进的讲解一下我遇到的问题,以及解决的办法. 关于AMD和CMD的理解 AMD(异步模块定义)的典型就是requirejs,而CM…

经典实用jQuery soChange幻灯片实例演示

soChange一款多很经典的幻灯片的jQuery插件. 实例预览引入文件 <link rel="stylesheet" type="text/css" media="all" href="style.css" /> <script type="text/javascript" src="jquery1.4.2.min.js"></script> &…

SSM 框架快速整合实例--学生查询

一.快速准备 SSM 框架即 Spring 框架.SpringMVC 框架.MyBatis 框架,关于这几个框架的基础和入门程序,我前面已经写过几篇文章作为基础和入门介绍了.对于这 3 个框架还不熟悉的同学,可以参考一下几篇文章: [SSH框架]之Spring系列(一) Spring框架系列(二)之Bean的注解管理 Spring框架系列之AOP思想 Spring 框架系列之 JDBC 整合 Spring 框架系列之事务管理 SpringMVC 框架系列之初识与入门实例 SpringMVC 框架…

SSM框架快速整合实例——学生查询

一.快速准备 SSM 框架即 Spring 框架.SpringMVC 框架.MyBatis 框架,关于这几个框架的基础和入门程序,我前面已经写过几篇文章作为基础和入门介绍了.这里再简单的介绍一下: 1.Spring Spring 框架是 Java 应用最广的框架,它的成功来源于理念,而不是技术本身,它的理念包括 IoC (控制反转) 和 A面向切面编程).Spring框架是个轻量级的Java EE框架,所谓轻量级,是指不依赖于容器就能运行的.简单来说,Spring是一个轻量级的控制反转(IoC)…

下拉菜单;手风琴;九宫格的Jquery的使用实例

下拉菜单;手风琴;九宫格的Jquery的使用实例 1.下拉菜单效果如图: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>下拉菜单</title> <script src="../jquery-1.9.1/jquery-1.9.1/jquery.js"><…

Struts2+JQuery+Json登陆实例

Struts2+JQuery+Json登陆实例博客分类: Struts2 在搭建之前.. 首先,需要准备struts2.0框架的5个核心包, 以及jsonplugin-0.32.jar 以及json-lib-2.2.2-jdk15.jar ,用来转换JSON对象的.,ojdbc14.jar oracle驱动包. jquery-1.2.6.js文件. 开始建立WebProject ,取名为Struts2AjaxDemo 把包分别复制到WEB-INF/lib包下面. 建立struts.xml文…

用jquery快速解决IE输入框不能输入的问题_jquery

代码如下: 在IE10以上版本,微软为了提高IE输入框的便利性,增加了文本内容全部删除和密码眼睛功能,但是有些时候打开新的页面里,输入框却被锁定无法编辑,需要刷新一下页面,或者如果输入框有内容需要点击一下输入框后面的叉叉后才能输入.但是我们需要的是当下需要输入内容.那怎么办呢? 以用下面的方法解决: $("input[type='text']").each(function () { $(this).focus(function () { $(this).select(); });…

day 48 jQuery快速入门

jQuery快速入门 jQuery jQuery介绍 1.jQuery是一个轻量级的.兼容多浏览器的JavaScript库. 2.jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Ajax交互,能够极大地简化JavaScript编程.它的宗旨就是:“Write less, do more.“ jQuery的优势一款轻量级的JS框架.jQuery核心js文件才几十kb,不会影响页面加载速度. 丰富的DOM选择器,jQuery的选择器用起来很方…

jquery简介和实例

一.简介定义 jQuery创始人是美国John Resig,是优秀的Javascript框架: jQuery是一个轻量级.快速简洁的javaScript库. 参考:http://www.php100.com/manual/jquery/ jQuery对象 jQuery产生的对象时jQuery独有的,只能自己调用书写规则支持链式操作: 在变量前加"$"符号(var $variable = jQuery 对象): 注:此规定并不是强制要求. 二.寻找元素 1.选择器 1.1 基本选择…

基于RequireJS和JQuery的模块化编程——常见问题解析

由于js的代码逻辑越来越重,一个js文件可能会有上千行,十分不利于开发与维护.最近正在把逻辑很重的js拆分成模块,在一顿纠结是使用requirejs还是seajs的时候,最终还是偏向于requirejs.毕竟官方文档比较专业嘛... 不过即便是有完整的官方文档,仍然遇到不少的问题,比如jquery-ui的使用. 下面就循序渐进的讲解一下我遇到的问题,以及解决的办法. 关于AMD和CMD的理解 AMD(异步模块定义)的典型就是requirejs,而CMD(通用模块定义)的典型是淘宝的seajs.…

jQuery基础与实例

一.简介 1.什么是jQuery jQuery是一个轻量级.快速简洁的javaScript库,能让我们方便快捷的选择元素操作元素属性. 2.下载地址 3.jQuery使用方式 $("div")等价于jQuery("div"),通常使用前者. 二.查找元素 1.选择器 a.基本选择器  $("#id") //ID选择器 $("div") //元素选择器 $(".classname&q…

第26篇 jQuery 快速学习下

前面说了下jQuery了,大部分说的都是选择器和过滤器方面的东西,这个写完后,后面就说下剩下的东西了,离目标越来越近了.下面就说说这些东西事件传统比较在js中说了原生js的绑定事件,基本的形式如下: dom.addEventListener('click', function() { console.log("d2"); }, true); 在jQuery中有对现有的方法的封装下面看下事件的绑定的基本形式: a.利用匿名函数: $(“#id”).click(function(){…

使用 requirejs 打包 jQuery 插件 datetimepicker 的问题记录

网站之前用的时间选择 UI 实在太丑,而且功能单一,决定全站改用 https://github.com/xdan/datetimepicker/ 里面有好几个 js,奇怪的是,只有 /build 目录下的 full.js 可用,其他的引用后报错如下: Cannot read property 'formatDate' of null 那就用 full.js 吧,无所谓,能用就行. 本地采用 requirejs 模块化,没问题,用 r.js 打包后,报了个这样的错误: Mismatched ano…

HTML Select 标签选择后触发jQuery事件代码实例

页面设计原由: 因为很多客户不知道如何来到我们公司,领导想让我在微信公众号上面做一个链接,客户可以直接通过微信公众号打开地图并导航到我们公司的办公地点. 实现起来并不难,但由于公司有很多办事处,所以需要设计一个选单,在用户选择相应办事处后自动加载相关的地图,于是我做了以下页面: (小弟不才,如代码有冗余或您有更好的写法还请各位指正,谢谢!底部有贴出原代码!) 那么如何写Select中的触发事件呢? 有以下几种方法: 方法一,纯JS代码: <select id="addr" onc…

jQuery动画特效实例教程

本文以实例形式详细讲述了jQuery动画特效的实现方法. 1.自制折叠内容块内容块如下: <div class="module"> <div class="caption"> <span>标题</span> <img src="rollup.gif" alt="rollup" title="rolls up this module&q…

JQuery插件开发简单实例

经常使用Jquery的各种插件,却对如何开发插件一无所知,以为是一件很麻烦的事儿?其实不然,下面通过一个简单的实例,来看一下Jquery Plugin的开发. 先看DEMO:动画菜单不用插件如何实现以上效果: $(document).ready(function() { $('ul#menu li:even').addClass('even'); $('ul#menu li a').mouseover(function() { $(this).animate( { paddingLeft:"2…

Jquery焦点图实例

对于很多建站的朋友来讲,焦点图并不陌生,一般的企业站,门户站都会用到焦点图.我们平时在写html代码的时候,很多人为了省时省力,对于焦点图都是在网上下载一些人家写好的代码,直接套上去即可,很多时候我自己也是这样来的.因为一个焦点图有html布局,css样式调试和最关键的 javascript语句的编写.这些都是一个很麻烦的过程. 今天我就以实例讲解,手把手教你如何写Jquery焦点图.Jquery是js封装的框架,让js的语法变得简单,很多知名网站都在用这个框架.这里星仔为了语法的简单,让大部分…

Jquery 使用JSOPN实例

1.说明 dataType:返回的数据类型 jsonp:传递给请求处理程序或页面的,用以获得jsonp回调函数名的参数名(一般默认为:callback) jsonpCallback:自定义的jsonp回调函数名称,默认为jQuery自动生成的随机函数名,也可以写"?",jQuery会自动为你处理数据 success:调用成功执行的函数 error:异常处理函数,此处异常只能捕捉客户端异常,但不能捕捉服务器端异常 2.实例一客户端代码 /* * JSONP 数据格式传输支持跨域,且浏览…

jQuery 快速结束当前动画

当需要快速结束一个当前正在执行的jquery 动画时(还没执行完成),如 fadeOut(),可以在执行当前动画的对象上执行 stop(true);方法如: <script type="text/javascript"> function deleteMyConsults(consultid,obj){ jQuery(obj).parents("li").html("<div class='show_tip' colspan='6' a…

使用jQuery快速高效制作网页交互特效

第四章:JQuery选择器 1.Jquery选择器简介 (1) Jquery中的选择器完全继承了CSS的风格,利用Jquery选择器,可以非常便捷和快速的找出特定的Dom元素,然后为他们添加相应的行为,而无需担心浏览器是否支持这一选择器,学会使用选择器是学习Jqeury的基础,Jquery的行为规则都必须在获取到元素后才能生效. 2.jquery选择器的优势 (1) 简洁的写法,$()函数 (2)支持CSS1到CSS3选择器 (3)完善的处理机制 3.选择器分类 (1) 基本选择器:通过元素id…

jQuery插件ImgAreaSelect 实例讲解一（头像上传预览和裁剪功能）

上一节随笔中,我们已经知道了关于jQuery插件ImgAreaSelect基本的知识:那么现在看一下实例: 首先,要知道我们应该实现什么功能? (1)图片能够实现上传预览功能 (2)拖拽裁剪图片,使其能够显示裁剪后的区域 (3)显示要裁剪区域的坐标其次,该如何引用该插件呢? 那就具体看一下吧! 第一步:先将样式和文件包引入(根据你自己的位置引入)  <link rel="stylesheet" type=&qu…

jQuery插件ImgAreaSelect 实例讲解二

在上一篇随笔http://www.cnblogs.com/chenguanai/p/6883401.html中,已经了解了头像的上传预览和裁剪功能:那么这次就再看一下imgareaselect的裁剪功能~~~ 有时候,我们裁剪某一区域时,分别会有大中小三个头像显示着~~~也就是如下图所示,当在右边的原图选择时,左边会分别显示大中小三个头像,便于用户选择~~~ 第一步:先引入插件和js包 <link rel="stylesheet" type="text/css"…

jquery快速入门（二）

jQuery 效果 1.隐藏,显示 1.1显示 hide() 和隐藏 show() 语法:$(selector).hide(speed,callback); $(selector).show(speed,callback); 例:<p>内容</p> <button id="hide">隐藏</button> <button id="show">显示</button> $(document).re…

JQuery快速入门-选择器

JQuery选择器 JQuery 选择器继承了CSS 与Path 语言的部分语法,允许通过标签名.属性名或内容对DOM 元素进行快速.准确的选择,而不必担心浏览器的兼容性,通过jQuery 选择器对页面元素的精准定位,才能完成元素属性和行为的处理. 一.选择器的优势代码更简单 $(function(){ $("#tbStu tr:nth-child(even)").addClass("trOdd"); }) 上面代码如果使用原生JavaScript实现的话:1.获…

详解php常量const与define的区别和实例

所谓常量是一个简单的标识符.在脚本执行期间该值不能改变.常量默认大小写敏感.通常常量标识符总是大写的.常量只能包含标量数据(boolean.integer.float和string).可以定义resource常量,但应尽量避免,因为会造成不可预料的结果. define部分宏不仅可以用来代替常数值,还可以用来代替表达式,甚至是代码段.(宏的功能很强大,但也容易出错,所以其利弊大小颇有争议.)宏的语法为: #define 宏名称宏值作为一种建议和一种广大程序员共同的习惯,宏名称经常使用全部大写的…

实体框架(Entity Framework)快速入门--实例篇

在上一篇 <实体框架(Entity Framework)快速入门> 中我们简单了解的EF的定义和大体的情况,我们通过一步一步的做一个简单的实际例子来让大家对EF使用有个简单印象,看操作步骤第一步:创建控制台项目这个就不多说了,如果新建项目你还不知道,那先去学学基础吧. 第二步:创建实体模型在项目上右击添加新建项目→Ado .Net 实体数据模型如下图所示: 第三步:与现有的数据库进行连接生成EF实体在做这步之前,首先确定你是否已经有现有数据库,当然在这提供我自己的数据库脚本.…

requirejs——define——普通模块

一.普通模块可能包含的内容: 一个模块对应着一个js文件,由于模块可能包含着以下三种内容:模块名.依赖模块.返回给其他模块使用的参数:因此js文件根据包含内容的不同而写法不同. 一.传统的js脚本文件: 一.requirejs存在的意义: 一.requirejs存在的意义: 一.requirejs存在的意义: define和require在依赖处理和回调执行上都是一样的,不一样的地方是define的回调函数需要有return语句返回模块对象,这样define定义的模块才能被其他模块引用:requ…

【requirejs-define jquery 快速初学实例(一)】的更多相关文章