requirejs测试
2015-07-01 18:34
513 查看
<!DOCTYPE html>
<html lang="zh-cn">
<meta name="author" cotent="liudan">
<head>
<title>canvas</title>
<link rel="stylesheet" type="text/css" href="./css/att.css"/>
<script src="./js/require.js" data-main="./js/main.js"></script>
</head>
<body>
<div id = "section1" class="divYellow">示例文本1</div>
<div id = "section1-1" class="divYellow"><p>示例文本1-1<br>------------示例文本1-1x</p></div>
<div id = "section1-2" class="divYellow"><a href="text1">示例文本1-2</a></div>
<div id = "111section1-2" class="divYellow">示例文本1-3</div>
<div id = "section2" class="divYellow">示例文本2</div>
<div id = "section2-1" class="divYellow">示例文本2-1</div>
<div id = "section2-1" class="divYellow">示例文本2-2</div>
<table><tr><td>1</td><td>2</td><tr>
<tr><td>3</td><td></td><tr></table>
</body>
<html>
引入方式
<script src="./js/require.js" data-main="./js/main.js"></script>
requirejs方法
//引入模块
requirejs.config({
paths:{
jquery:'jquery-1.11.1'
}
});
requirejs(['jquery'],function($){
$("body").css("background","#fff");
});
//定义函数以便达到模块化
define(['jquery'],function($){
return{
}
});
<html lang="zh-cn">
<meta name="author" cotent="liudan">
<head>
<title>canvas</title>
<link rel="stylesheet" type="text/css" href="./css/att.css"/>
<script src="./js/require.js" data-main="./js/main.js"></script>
</head>
<body>
<div id = "section1" class="divYellow">示例文本1</div>
<div id = "section1-1" class="divYellow"><p>示例文本1-1<br>------------示例文本1-1x</p></div>
<div id = "section1-2" class="divYellow"><a href="text1">示例文本1-2</a></div>
<div id = "111section1-2" class="divYellow">示例文本1-3</div>
<div id = "section2" class="divYellow">示例文本2</div>
<div id = "section2-1" class="divYellow">示例文本2-1</div>
<div id = "section2-1" class="divYellow">示例文本2-2</div>
<table><tr><td>1</td><td>2</td><tr>
<tr><td>3</td><td></td><tr></table>
</body>
<html>
引入方式
<script src="./js/require.js" data-main="./js/main.js"></script>
requirejs方法
//引入模块
requirejs.config({
paths:{
jquery:'jquery-1.11.1'
}
});
requirejs(['jquery'],function($){
$("body").css("background","#fff");
});
//定义函数以便达到模块化
define(['jquery'],function($){
return{
}
});
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- JavaScript演示排序算法
- jQuery Ajax 跨域调用
- jquery教程靠边站,一分钱不花让你免费学会jquery
- JQuery+Strusts1.x无刷新登录
- JQuery 初体验(建议学习jquery)
- Jquery实现的table最后一行添加样式的代码
- jQuery 练习[一] 学习jquery的准备工作
- jquery获得页面元素的坐标值实现思路及代码
- jquery如何实现在加载完iframe的内容后再进行操作
- jquery $.ajax()取xml数据的小问题解决方法
- jQuery '行 4954 错误: 不支持该属性或方法' 的问题解决方法
- Jquery 表单取值赋值的一些基本操作
- jQuery实现复选框批量选择与反选的方法
- jQuery中的常用事件总结
- 23个超流行的jQuery相册插件整理分享
- 影响jQuery使用的14个方面
- jQuery 仿百度输入标签插件附效果图
- jQuery学习笔记之jQuery的动画
- jquery通过closest选择器修改上级元素的方法