改变 HTML 元素的内容。
向 HTML 元素追加内容。
在 HTML 元素之后追加内容。
改变 HTML 元素的 CSS 属性。
改变多个 CSS 属性。
获得元素的 CSS 属性。
使用 $(selector).load(url) 来改变 HTML 内容。
使用 $.ajax(options) 来改变 HTML 内容
<head>
<script type="text/javascript" src="/blog_article/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").html("W3School");
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">请点击这里</button>
</body>
</html>
<head>
<script type="text/javascript" src="/blog_article/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
$("p").append(" <b>W3School</b>.");
});
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button type="button">请点击这里</button>
</body>
</html>
当我新建一个express配置的应用时，会自动创建一套应用构架：
其中：
public放置静态的东西，css、image、js
routes放置路由
views放置模板
看一下appjs
, routes = require('./routes')
, user = require('./routes/user')
, http = require('http')
, path = require('path');
var app = express();
app.configure(function(){
app.set('port', process.env.PORT || 3000);
app.set('views', __dirname + '/views');
app.set('view engine', 'ejs');
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(express.cookieParser('your secret here'));
app.use(express.session());
app.use(app.router);
app.use(express.static(path.join(__dirname, 'public')));
});
app.configure('development', function(){
app.use(express.errorHandler());
});
app.get('/', routes.index);
app.get('/users', user.list);
http.createServer(app).listen(app.get('port'), function(){
console.log("Express server listening on port " + app.get('port'));
});
如果应用多了配置也会很多，app.js就会显得很臃肿。当然需要routes和app.js分离。
app.get('/users', user.list);
//app.get('/users/*', user.any);
app.get(/^\/users?(?:\/(\d+)(?:\.\.(\d+))?)?/, function(req, res){
res.send(req.params);
});
app.get('/form', function(req, res){
res.render('form');
});
app.post('/formaction',function(req, res){
console.dir(req.body);
res.redirect('back');
});
app.put('/formaction',function(req, res){
console.dir(req.body);
res.redirect('back');
});
方法是这样：
app.js
这样写，取代原来的routes配置：
routes里这样写
app.get('/',function(req,res){
res.render('index',{
title:'首页'
});
});
};
本文链接
原文：http://www.hacksparrow.com/node-js-exports-vs-module-exports.html
你肯定非常熟悉nodejs模块中的exports对象，你可以用它创建你的模块。例如：（假设这是rocker.js文件）
console.log('My name is Lemmy Kilmister');
};
在另一个文件中你这样引用
rocker.name(); // 'My name is Lemmy Kilmister'
那到底Module.exports是什么呢？它是否合法呢？
其实，Module.exports才是真正的接口，exports只不过是它的一个辅助工具。 最终返回给调用的是Module.exports而不是exports。
所有的exports收集到的属性和方法，都赋值给了Module.exports。当然，这有个前提，就是Module.exports本身不具备任何属性和方法。如果，Module.exports已经具备一些属性和方法，那么exports收集来的信息将被忽略。
修改rocker.js如下：
exports.name = function() {
console.log('My name is Lemmy Kilmister');
};
再次引用执行rocker.js
rocker.name(); // TypeError: Object ROCK IT! has no method 'name'
发现报错：对象“ROCK IT!”没有name方法
rocker模块忽略了exports收集的name方法，返回了一个字符串“ROCK IT!”。由此可知，你的模块并不一定非得返回“实例化对象”。你的模块可以是任何合法的javascript对象--boolean, number, date, JSON, string, function, array等等。
你的模块可以是任何你设置给它的东西。如果你没有显式的给Module.exports设置任何属性和方法，那么你的模块就是exports设置给Module.exports的属性。
下面例子中，你的模块是一个类：
this.name = name;
this.age = age;
this.about = function() {
console.log(this.name +' is '+ this.age +' years old');
};
};
可以这样应用它：
var r = new Rocker('Ozzy', 62);
r.about(); // Ozzy is 62 years old
下面例子中，你的模块是一个数组：
可以这样应用它：
console.log('Rockin in heaven: ' + rocker[2]); //Rockin in heaven: Ronnie James Dio
现在你明白了，如果你想你的模块是一个特定的类型就用Module.exports。如果你想的模块是一个典型的“实例化对象”就用exports。
给Module.exports添加属性类似于给exports添加属性。例如：
console.log('My name is Lemmy Kilmister');
};
同样，exports是这样的
console.log('My name is Lemmy Kilmister');
};
请注意，这两种结果并不想同。前面已经提到module.exports是真正的接口，exports只不过是它的辅助工具。推荐使用exports导出，除非你打算从原来的“实例化对象”改变成一个类型。
本文链接