Jquery学习笔记1-阿里云开发者社区

开发者社区> 余二五> 正文

Jquery学习笔记1

简介:
+关注继续查看
学习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的语法结构,还算不错。以后继续努力学习了!




本文转自 fsjoy1983 51CTO博客,原文链接:http://blog.51cto.com/fsjoy/139128,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云服务器怎么设置密码?怎么停机?怎么重启服务器?
如果在创建实例时没有设置密码,或者密码丢失,您可以在控制台上重新设置实例的登录密码。本文仅描述如何在 ECS 管理控制台上修改实例登录密码。
10072 0
jQuery学习(第一天)
js的回顾 遇到的问题 1.window.onload只能使用一个(事件覆盖问题) 2.代码的容错性不强 3.浏览器兼容性问题 4.代码量较多,书写很繁琐 5.代码很乱到处都是 6.动画效果我们很难实现 jQuery的基本使用 image.png min:它是压缩过的版本 区别:我们开发过程中,会用未压缩的版本,或者压缩的。
792 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
13882 0
Thinkphp学习日记:jQuery_ajax数据提交
<p style="margin:10px auto; padding-top:0px; padding-bottom:0px; font-family:Verdana,Arial,Helvetica,sans-serif; line-height:18px"> 最近在玩Thinkphp,废话不多说,说正事.</p> <p style="margin:10px auto; paddin
1240 0
+关注
20382
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载