coffeescript与jquery结合

最新推荐文章于 2025-12-31 16:31:20 发布

原创最新推荐文章于 2025-12-31 16:31:20 发布 · 220 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

coffeescript 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种将jQuery与CoffeeScript相结合的方法，通过这种结合可以显著提高前端开发效率。示例代码展示了如何使用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>