手记

Jquery学习笔记

         学习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>
  <body>
    <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" %>  在public/.s下创建文件夹test,之后创建index.js: $(document).ready(function(){
    alert("welcome");
    $("a").click(function(event){
        alert("Thanks for visiting!");
    });
});

 这样就可以看到相应的效果了。我的第一个jquery页面.^_^关于jquery的语法结构,还算不错。以后继续努力学习了!

0人推荐
随时随地看视频
慕课网APP