继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

Jquery学习笔记

萌萌小温柔
关注TA
已关注
手记 306
粉丝 56
获赞 401

         学习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的语法结构,还算不错。以后继续努力学习了!

打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP