学习jquery目的是为了在用rails开发中不用写复杂的js代码。就像jquery首页上说的那句：jQuery is designed to change the way that you write javascript.
----
在layout/application.html.erb中：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<%= javascript_include_tag "jquery" %>
<%= yield :head %>
<title>Jquery Test</title>
</head>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<%= javascript_include_tag "jquery" %>
<%= yield :head %>
<title>Jquery Test</title>
</head>
<body>
<div id="content">
<%= yield%>
</div>
</body>
</html>
<div id="content">
<%= yield%>
</div>
</body>
</html>
第一句调用jquery库，第二句可以在相应的页面上调用自己写的jquery代码。
譬如创建了一个页面test/index：
<% content_for :head do %>
<%= javascript_include_tag "test/index" %>
<%end%>
<h1>Jquery Test</h1>
<%= link_to "Jquery", "http://jquery.com" %>
<%= javascript_include_tag "test/index" %>
<%end%>
<h1>Jquery Test</h1>
<%= link_to "Jquery", "http://jquery.com" %>
在public/.s下创建文件夹test,之后创建index.js:
$(document).ready(function(){
alert("welcome");
$("a").click(function(event){
alert("Thanks for visiting!");
});
});
alert("welcome");
$("a").click(function(event){
alert("Thanks for visiting!");
});
});
这样就可以看到相应的效果了。我的第一个jquery页面.^_^
关于jquery的语法结构，还算不错。以后继续努力学习了!
本文转自 fsjoy1983 51CTO博客，原文链接：http://blog.51cto.com/fsjoy/139128，如需转载请自行联系原作者