`
biyeah
  • 浏览: 203318 次
  • 来自: ...
社区版块
存档分类
最新评论

coffeescript与jquery结合

 
阅读更多
这两者的结合，可提高开发效率。 
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>jQuery meets CoffeeScript</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="http://jashkenas.github.com/coffee-script/extras/coffee-script.js"></script>
 
<script type="text/coffeescript">
 
show_message = (msg) ->
$('#message').hide().text(msg).fadeIn(2222,
-> $('#message').append('!')
)
 
$ -> show_message "world"
$('#message').click -> show_message "you"
 
</script>
 
</head>
<body>
<h1>hello <span id="message"></span></h1>
</body>
</html>
分享到：
| nowjs和nodejs结合的简单示例
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    CoffeeScript Programming with jQuery, Rails, and Node.js.pdf 下载

    将CoffeeScript与jQuery结合使用，可以进一步提升Web开发效率。CoffeeScript的简洁语法可以减少代码量，同时保持代码的可读性和可维护性，而jQuery的强大功能则可以轻松实现页面动态效果和用户交互。例如，使用...

    当jQuery遭遇CoffeeScript的时候 使用分享

    CoffeeScript包含了许多新特性，当将它与jQuery结合时，你会发现一片新天地。 本文的目的就在于展示CoffeeScript和jQuery协同工作时美妙场景。 像老板一样指挥你的代码 CoffeeScript提供了一堆酷毙了的数组

    CoffeeScript - Accelerated JavaScript Development

    - **Web开发**：CoffeeScript可以用于前端Web开发，与HTML、CSS结合使用，提高网页交互体验。 - **服务器端开发**：随着Node.js的发展，CoffeeScript也被应用于服务器端编程。 - **游戏开发**：CoffeeScript的简洁性...

    jquery结合coffeescript实现iphone苹果IOS手机触摸滑屏效果

    摘要:脚本资源,jQuery,仿iphone,IOS,滑屏　jquery框架与coffeescript制作iphone苹果IOS手机主屏幕触摸滑屏效果，如上图所示的界面中，在手机主屏幕处按住鼠标左键向左或向右移动，即可将屏幕上的图标整体拖动，实现...

    The Little Book on CoffeeScript 中文+英文版

    8. **实际应用**：CoffeeScript在前端开发（如jQuery插件、CoffeeScript版React组件）和后端开发（如与Node.js结合）中的案例。 9. **社区与资源**：介绍CoffeeScript的社区、库、框架和学习资源，帮助读者扩展学习...

    CoffeeScript in Action

    #### 知识点一：CoffeeScript 的简介与背景 - **定义**：CoffeeScript 是一种小型的编程语言，它被设计成易于编写且在语义上更接近自然语言的形式，最终会被编译成 JavaScript。 - **目的**：其目标是简化 ...

    jQuery咖啡杯标签云效果

    jQuery咖啡杯标签云效果是一种独特...开发者需要理解如何引入和使用jQuery，编译和执行CoffeeScript代码，以及如何结合HTML和CSS来构建和美化标签云。这个效果不仅增加了网站的互动性，也为用户带来了独特的视觉享受。

    jQuery网页加载进度条插件

    总的来说，**jQuery网页加载进度条插件** 结合了pace.js的功能，为网页开发提供了一个强大的工具，能够优雅地处理页面加载过程，提高用户满意度。如果你在开发过程中遇到加载等待问题，这个插件会是一个非常实用的...

    jquery制作仿iphone苹果手机界面触屏切换效果

    在本项目中，我们主要探讨如何使用jQuery框架和CoffeeScript来创建一个仿iPhone苹果手机界面的触屏切换效果。这个效果模拟了iOS设备上主屏幕的应用图标被触摸时的动态反馈，包括图标放大、震动以及返回原位的效果，...

    漂亮的jQuery对话框插件Dialogify

    **jQuery对话框插件Dialogify详解** Dialogify是一款基于jQuery的高效对话框插件，它利用HTML5的`&lt;dialog&gt;`元素和...结合HTMLDialogElement API和jQuery的灵活性，Dialogify无疑为网页交互设计增添了新的可能性。

    coffeescript使用的方式汇总

    CoffeeScript的使用方式多种多样，尤其在与jQuery、Node.js和JavaScript结合时，能够提升开发体验和代码质量。下面我们将深入探讨CoffeeScript的一些关键特性及其在实际应用中的使用。 首先，CoffeeScript提供了...

    iphone触屏手机界面

    在这里，开发者可能使用jQuery和CoffeeScript结合，编写出高效且易于理解的代码。例如，他们可能使用CoffeeScript定义了一个类，这个类代表了一个可触摸的图标，然后使用jQuery的事件绑定方法来监听触摸事件，当用户...

    jquery-popovers:具有智能定位（左上右下）的响应式 jQuery 弹出窗口，调整窗口大小并在滚动时重新定位

    总结起来，jQuery Popovers 是一个强大且灵活的 jQuery 插件，结合了 CoffeeScript 的简洁性和响应式设计的优势，为创建智能定位的弹出窗口提供了全面的解决方案。它不仅提高了用户体验，也为开发者提供了高度可定制...

    observatory:具有完整 jquery 事件支持的快速 pubsub 总线

    总的来说，天文台是一个旨在简化 JavaScript 应用程序内部组件通信的工具，通过提供与 jQuery 事件的兼容性，它为开发人员提供了一种熟悉且强大的方式来构建松耦合的系统。随着文档和示例的完善，以及可能的 ...

    oriDomi：:world_map:像纸一样折叠DOM元素

    这个库结合了JavaScript、Coffeescript和jQuery技术，为网页动画添加了独特的视觉体验。 在JavaScript世界中，oriDomi提供了一种动态操纵HTML元素的方式，使其可以进行三维折叠和平移，增强了用户交互和视觉吸引力...

    maskew：▰向您的元素添加一些对角线节奏

    `maskew`是一个JavaScript库，特别适用于前端开发者，它允许您为HTML元素添加...它结合了JavaScript、CoffeeScript和jQuery的力量，提供了灵活的选项和易于使用的API，使得在项目中添加对角线变形效果变得简单易行。

    mytodo:我的待办事项清单，写在 Nodejs+CoffeeScript+Express+Jade+MongoDB+mongoskin+jQuery+Underscore+Backbone

    《构建个人待办事项清单应用：Node.js+CoffeeScript+Express+Jade+MongoDB+mongoskin+jQuery+Underscore+Backbone》 在这个项目中，开发者使用了一系列先进的前端和后端技术来创建了一个名为"mytodo"的个人待办事项...

    grifotv-portfolio:我的作品集是使用Sublime，CoffeeScript，Backbone.js，jQuery Isotope，Paper.js和Google Docs电子表格作为CMS开发的

    开发者运用了一系列现代Web技术，如CoffeeScript和Backbone.js来构建动态界面，jQuery Isotope处理网格布局，Paper.js实现动画效果，并利用Google Sheets作为内容管理的解决方案。项目还可能涉及Java技术来支持后端...

    苹果iPhone手机桌面滑动效果模板.zip

    总的来说，这个“苹果iPhone手机桌面滑动效果模板”结合了CoffeeScript的简洁性、jQuery的易用性和Touchable.js的触摸优化，为网页开发者提供了一套完整的解决方案，用于创建具有原生iOS风格的滑动界面。无论是用于...

    前端开源库-find-coffee

    在实际应用中，"find-coffee"可以与版本控制工具（如Git）结合使用，帮助开发者在提交代码前确保没有冗余或未使用的CoffeeScript文件。此外，它还可以作为持续集成（CI）流程的一部分，确保新引入的代码不会引入重复...

Magicbox
Global site tag (gtag.js) - Google Analytics