点击文本改变:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>seajs demo</title> <script src="js/jquery-1.3.2.min.js"></script> </head> <body> <div id="box">这是box</div> <script> $(document).ready(function(){ $("#box").click(function(){ $(this).text("change ok"); }) }) </script> </body> </html>
利用seajs完成以上效果:
demo.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>seajs demo</title> </head> <body> <div id="box">这是box</div> <script type="text/javascript" src="js/sea.js" ></script> <script type="text/javascript"> seajs.config({ base: "./js/" }) seajs.use("main"); </script> </body> </html>
main.js
define(function(require, exports, module) {
require(‘jquery-1.3.2.min‘); //普通jquery库
var demo=require("demo");
});
demo.js
define(function(require, exports, module) { $("#box").click(function(){ $(this).text("change ok"); }) });
原文:http://www.cnblogs.com/tinyphp/p/4877347.html