`

推荐书籍《锋利的jQuery》

jQueryJavaScript编程CSS 
阅读更多

      如果说你想学习jQuery，我极力推荐这本书了。也许jQuery的参考文档够多了，而且他自己本身就已经非常优雅了：易学，易用。但是看了这本书后，你一定会有所收获，从非常基础的讲起，循序渐进，而且最后也有综合的实例，非常不错的入门书籍。如果你是湖南大学的话，告诉你在图书馆五楼只有一本了，没法借到，只能在那里看，但是不要担心，一个下午足够你看完它了，剩下的就是你好好的去练习提高了。
以下摘自豆瓣的书评：

作者的话 写道
一年前我认识了它—jQuery，从此就一发不可收拾。有人说：jQuery是毒药，会使人不思进取，放弃原生的JavaScript的学习。不过从我的经验看来，事实并不是这样，笔者正是由于jQuery，才对JavaScript这门语言感兴趣，直至爱上JavaScript。兴趣是最好的老师。现在我时不时会想：这个程序利用jQuery是这么实现，那么利用JavaScript怎么来实现呢。以前，我喜欢用jQuery去改写原生的 JavaScript效果。现在，我更喜欢利用原生的JavaScript来改写jQuery的程序。对我来说，借鉴jQuery的编程思路来编写其它 JavaScript程序已经让我乐此不疲。

曾经有朋友问我为什么最终选择jQuery。说实话，这个也说不上为什么，也许是当初jQuery给我的第一印象非常好的原因吧。它非常容易上手，它的大部分思想都是从HTML和CSS的结构中借鉴而来的，所以编程经验不多的设计师能够快速学会使用该库。记得那时候的我经常会在用jQuery做出的某种动态效果后而高兴不已，常常惊叹于jQuery如此小巧，却有如此强大的功能。
 
Hey There (低调 淡定) 写道
属于就诶少jQuery里面比较好的一本

jQuery说白了实在是很简单，而这本书就是说白jQuery的书籍。
　　所以本书属于非常白话的讲解jQuery的书籍，目前我看了下国内做的好的jQuery书籍，估计就这一本了。
　　反证是入门推荐的书籍把，有人说这本书太简单了，是的本来就是入门的书籍。jQuery你要是要用得好，那么自己去看doc好了。
 

 

三月的雪 写道
当下市面上关于jQuery中文书中算是比较好的

看过几本关于jQuery的中文书，这其中包括一些“野书”和“名著”（《learning jQuery》《jQuery in Action》之类的翻译版），总体上感觉这本《锋利的jQuery》比较适合拿来当做jQuery的第一本书。作者是非常年轻的一名前端开发人员，但书写的详略得当，比较适合中国人的阅读习惯。支持一下。
　　 建议JavaScript开发人员阅读之前学习或复习一下CSS,否则是无法发挥出jQuery的优势的。

 

当然，如果你是Js高手，那就忽略吧。如果你是JQuery达人，那也请忽略吧。这本书对于入门的人来说，非常合适。强烈推荐！

 

 

当然，我不知道书的价格，也不是他们雇佣的推手，我确实是从这本书里面出发，走进Jquery的缤纷世界，让我感受到不一样的js的魅力。推荐Jquery ，推荐《锋利的jQuery》.

  • 大小: 79.9 KB
1
顶
1
踩
分享到：
| 用HttpClient抓取人人网高校数据库（省，高 ...
评论
3 楼 Jonathan樊 2012-07-23  
呵呵，湖大滴飘过~~~
2 楼 satikey 2011-11-24  
没有看明白你的意思，你的意思是，点击以后再点击没有数据返回吗？其实是返回了，只不过你显示出来的数据，是原来的，你试着改变一下输入的内容在点击。你用的是
$("#resText").html(data); // 把返回的数据添加到页面上
这个方法，其实这个是会将原来的内容给替换了的。你也没输入没有改变，页面显示自然一样。你试着改变$("#resText").append(data);看一下吧。另外你可以是用火狐浏览器的firebug。或者chrome的调试功能，这里面可以看到ajax请求的数据。

WebChanger 写道
你好大侠前辈!看到你的贴子在ITeye上。。看样子。你也看过锋利的JQuery.我也是初学者。而且刚看到这本书的弟六章。jquery Ajax。可是按照书上教程编写的代码总是显示有错误。于是从网上下载原码。打开发现跟我一样的错误。。就是关于$.get方法的例子。
就是通过$.get方法获取PHP一个请求。然后把data值返回到当前的Html中..想必你早就看过了。对你来说肯定很简单了一定。你能帮我解决下吗？谢谢！！
php原码是：

<?php
header("Content-Type:text/html; charset=utf-8");
echo "<div class='comment'><h6>{$_REQUEST['username']}:</h6><p class='para'>{$_REQUEST['content']}</p></div>";
?>


HTML代码是：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
* { margin:0; padding:0;}
body { font-size:12px;}
.comment { margin-top:10px; padding:10px; border:1px solid #ccc;background:#DDD;}
.comment h6 { font-weight:700; font-size:14px;}
.para { margin-top:5px; text-indent:2em;background:#DDD;}
</style>
<!--   引入jQuery -->
<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(function(){
   $("#send").click(function(){
$.get("get1.php", {
username :  $("#username").val() ,
content :  $("#content").val() 
}, function (data, textStatus){
                        $("#resText").html(data); // 把返回的数据添加到页面上
}
);
   })
})
//]]>
</script>
</head>
<body>
<form id="form1" action="#">
<p>评论:</p>
<p>姓名: <input type="text" name="username" id="username" /></p>
<p>内容: <textarea name="content" id="content"  rows="2" cols="20"></textarea></p>
<p><input type="button" id="send" value="提交"/></p>
</form>


<div  class='comment'>已有评论：</div>
<div id="resText" >
</div>

</body>
</html>


显示效果如下。输入姓名和评论。提交后。已有评论后面会显示。。

评论：
姓名：张三
评论：沙发
提交按钮
已有评论：张三沙发；

可是写完了以后输入姓名和评论后点击提交安钮没有反应。。原码也是如些。不知道是什么原因？

评论：
姓名：张三
评论：沙发
提交按钮
已有评论：

1 楼 WebChanger 2011-11-24  
你好大侠前辈!看到你的贴子在ITeye上。。看样子。你也看过锋利的JQuery.我也是初学者。而且刚看到这本书的弟六章。jquery Ajax。可是按照书上教程编写的代码总是显示有错误。于是从网上下载原码。打开发现跟我一样的错误。。就是关于$.get方法的例子。
就是通过$.get方法获取PHP一个请求。然后把data值返回到当前的Html中..想必你早就看过了。对你来说肯定很简单了一定。你能帮我解决下吗？谢谢！！
php原码是：

<?php
header("Content-Type:text/html; charset=utf-8");
echo "<div class='comment'><h6>{$_REQUEST['username']}:</h6><p class='para'>{$_REQUEST['content']}</p></div>";
?>


HTML代码是：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
* { margin:0; padding:0;}
body { font-size:12px;}
.comment { margin-top:10px; padding:10px; border:1px solid #ccc;background:#DDD;}
.comment h6 { font-weight:700; font-size:14px;}
.para { margin-top:5px; text-indent:2em;background:#DDD;}
</style>
<!--   引入jQuery -->
<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(function(){
   $("#send").click(function(){
$.get("get1.php", {
username :  $("#username").val() ,
content :  $("#content").val() 
}, function (data, textStatus){
                        $("#resText").html(data); // 把返回的数据添加到页面上
}
);
   })
})
//]]>
</script>
</head>
<body>
<form id="form1" action="#">
<p>评论:</p>
<p>姓名: <input type="text" name="username" id="username" /></p>
<p>内容: <textarea name="content" id="content"  rows="2" cols="20"></textarea></p>
<p><input type="button" id="send" value="提交"/></p>
</form>


<div  class='comment'>已有评论：</div>
<div id="resText" >
</div>

</body>
</html>


显示效果如下。输入姓名和评论。提交后。已有评论后面会显示。。

评论：
姓名：张三
评论：沙发
提交按钮
已有评论：张三沙发；

可是写完了以后输入姓名和评论后点击提交安钮没有反应。。原码也是如些。不知道是什么原因？

评论：
姓名：张三
评论：沙发
提交按钮
已有评论：
发表评论

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

相关推荐

    锋利的jQuery(书籍和源码)

    针对于jquery的爱好者，推荐一部书籍，锋利的jQuery，非常好的一本，书中的每一个案例都有源码

    锋利的jQuery(第2版).pdf

    《锋利的jQuery（第2版）》是2012年7月1日人民邮电出版社出版的图书。本书适合所有对jQuery技术感兴趣的Web设计者和前端开发人员阅读和参考。

    锋利的jQuery +源码

    《锋利的jQuery》是人民邮电出版社在2009年6月出版的一本书籍。 本书循序渐进地对jQuery的各种函数和方法调用进行了介绍，读者可以系统地掌握jQuery的DOM操作、事件监听和动画、表单操作、AJAX以及插件方面等知识点...

    锋利的jQuery 书籍中的例子 代码

    锋利的jQuery的源代码。例子。。代码。。可以直接在运行含有JQUERY的包。。

    jquery 实用书籍,实例

    不错的文档，附加简单实例!!!!锋利的jQuery第二版，《锋利的jQuery》(第二版)清晰的pdf+源代码。欢迎大家下载!

    锋利的jquery.pdf

    一本很好的书籍，让你学习jquery，知识点很详细

    锋利的jquery.pdf(三) part 3（3-5）

    锋利的jquery图书共195M，分为5个压缩，另附源代码1份

    《锋利的jQuery》+源码

    锋利的jQuery jquery学习文档 jquery书籍 jquery源码实例，很好的jquery学习资料，里面有详细的源码实例。

    锋利的Jquery源码

    锋利的Jquery配套图书的源码，涉及到了书中所讲的每一个知识点。

    锋利的jquery part1

    锋利的jquery图书共195M，分为9个压缩，另附源代码1份

    锋利的jquery part2

    锋利的jquery图书共195M，分为9个压缩，另附源代码1份

    锋利的jquery part9

    锋利的jquery图书共195M，分为9个压缩，另附源代码1份

    锋利的jquery part7

    锋利的jquery图书共195M，分为9个压缩，另附源代码1份

    锋利的jquery part5

    锋利的jquery图书共195M，分为9个压缩，另附源代码1份

    锋利的jquery part8

    锋利的jquery图书共195M，分为9个压缩，另附源代码1份

    锋利的jquery part6

    锋利的jquery图书共195M，分为9个压缩，另附源代码1份

    锋利的jquery part3

    锋利的jquery图书共195M，分为9个压缩，另附源代码1份

    锋利的jquery part4

    锋利的jquery图书共195M，分为9个压缩，另附源代码1份

    锋利的jquery源代码

    这个是书籍《锋利的jquery》里面的实例源代码，大家可以作为一个参考

    锋利的jQuery.rar

    《锋利的jQuery》循序渐进地对jQuery的各种函数和方法调用进行了介绍，读者可以系统地掌握jQuery的DOM操作、事件监听和动画、表单操作、AJAX以及插件方面等知识点，并结合每个章节后面的案例演示进行练习，达到掌握...

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