JQuery权威指南源代码整理下载

前段时间网上下载到JQuery权威指南这本书的源代码,受益匪浅,由于源代码的命名没有显示这个页面的功能说明,所以在写代码的过程中想去找对应的源代码文件参考很麻烦,于是就给这个源代码做了一个导航页面,这样在离开书的情况下也能很快的找到自己想要的源代码。

截图显示:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

=======================================================================================
今天习惯性打开javaeye,没想到我的帖子也到首页了,看到很多人感谢的话,很高兴!
也看到也有人这个文档其他地方也有,是不是在怀疑我拿别人的成果在这里转载,这个我就不清楚

呵呵,不过这个文档的首页确确实实是我个人整理的,里面的源代码不用解释,属于JQuery权威指南这本书的。
我当时看到源代码觉得某个时间我用到某个特效不知道去源代码中哪里去找参考,所以就整理了这个索引。
我一直觉得学习技术就是在共同交流中成长,我平时也在网上拿到很多人辛苦整理的资料学习,这次整理完第一时间上传共享,大家方便。
至于有人说想直接看到代码,我觉得通过右键查看源代码就可以了,实用就行,没想去花太多时间弄!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
书名:jQuery权威指南(系统介绍jQuery方方面面,囊括118个实例和2个综合案例,实战性强) 作者:陶国荣 著 书号:978-7-111-32543-7 定价:59.00元 出版社:机械工业出版社华章公司 出版时间:2011年1月 编辑推荐: 内容全面,系统地讲解了jQuery方方面面 实战性强,囊括118个实例和2个综合案例 资深专家亲自执笔,4大专业社区一致鼎力推荐 内容简介: jQuery是继Prototype之后的又一个优秀JavaScript框架,深受全球开发者欢迎,已经成为Web开发领域的事实标准。jQuery以其轻巧的体积、强大的选择器、出色的DOM封装、丰富的插件支持使得广大的Web前端开发者得心应手,极大地提高了他们的开发效率;此外,jQuery中完善的Ajax功能、行为与结构层的分离、可靠的事件处理机制也同样使得Web后端开发者如虎添翼,使用少量代码就可以实现复杂的功能。特别是新版本1.4.x的发布,jQuery在功能和性能方面都有质的提升,极大地满足了广大开发者提出的更高要求。因此,为了提高Web开发的效率和强化Web应用的功能,熟练使用jQuery是Web开发者必备的一种能力。 《jQuery权威指南》由国内资深Web技术专家亲自执笔,4大Web开发社区一致鼎力推荐,权威性毋庸置疑。 内容新颖,基于jQuery的最新版本撰写,所有新功能和新特性一览无余;内容全面,不仅讲解了jQuery技术本身的方方面面,而且还包括与jQuery相关的扩展知识;实战性强,不仅每个知识点都配有完整的小案例,而且还有两个综合性的案例。本书不仅能满足读者系统学习理论知识的需求,还能满足需要充分实践的需求。 全书一共分为11章,首先以示例的方式对jQuery做了全局性的介绍,以便于为读者建立jQuery的大局观,这对初学者尤为重要;其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括需求分析、代码实现和结果展示三部分);再接着对jQuery UI和jQuery实用工具函数等扩展知识,以及jQuery的开发技巧与性能优化等方面的重要知识做了详尽的阐述;最后以两个具有代表性的综合案例结束全书,希望能帮助读者将前面所学的理论知识真正贯穿于实践中,迅速进入jQuery的殿堂。 作者简介: 陶国荣,资深Web技术专家,有10余年开发经验,是国内较早专业从事Web开发的一线技术人员和培训讲师。醉心于对JavaScript、jQuery和Ajax等Web开发技术的研究与实践,并长期专注于HTML页面的优化与用户体验的研究,在页面框架搭建、数据流向分析、页面静态优化方面拥有丰富的实践经验。此外,他还是微软技术方面的专家,精通C#、ASP.NET 和SQL Server等技术,出版相关著作多部。 媒体推荐: jQuery的发展之迅速和取得的成功之巨大是其他所有开发框架都难以企及的,它已经成为Web开发者必备的核心技能之一。如果你尚未掌握jQuery或功力还不够,推荐你认真阅读这本书并付诸实践,与同类的jQuery图书相比,它有3大优势:内容非常全面,几乎包含jQuery的所有内容;基于jQuery的最新版本撰写,所有新功能特性一览无余;实战性极强,不仅有118个小型案例,而且还有两个综合案例。——jQuery中文社区 jQuery因为使用简单、功能强大、插件丰富而深受Web开发者青睐。《jQuery权威指南》不仅完整地呈现了jQuery本身所有的功能,而且讲解了jQuery UI等扩展功能;更值得一提的是,还包括最佳实践和性能优化方面的技巧,内容全面,结构合理。除此之外,本书还包括大量的实例,不仅每个知识点都配有小例子,而且还有两个综合性的案例。对于初学者而言,本书应该是学习jQuery的首选。——jQuery中文用户组 jQuery因为易于使用和功能强大著称,是所有Web开发者应该掌握的一种利器,初学者如何才能快速而有效地掌握jQuery呢?最好的方法莫过于一边学习理论,一边动手实践这些理论,本书就是按照这种思路为读者打造的,强烈推荐。——JavaScript开发者社区 jQuery从众多的Ajax框架中脱颖而出,已经成为Web开发领域的事实标准。《jQuery权威指南》除了理论知识丰富而全面外,它还有一个最大的特点就是注重实战,每个知识点都有一个完整的案例,包括需求分析、代码实现和结果展示三个部分,而且还包含两个综合性的案例,它的实践性之强是目前所有同类书都不具备的,恰好这一点又是初学者最需要的。如果能阅读本书并付诸实践,进入jQu
jQuery拖拽特效是利用jQuery库中的draggable()和droppable()方法实现的。draggable()方法用于使元素可以被拖拽,而droppable()方法用于定义元素可放置的目标区域。 要实现拖拽特效,首先需要在HTML中包含jQuery库的引用,然后编写相应的代码。 以下是一个简单的示例: 1. HTML代码: ```html <div id="draggable">可拖拽的元素</div> <div id="droppable">可放置的目标区域</div> ``` 2. JavaScript代码: ```javascript $(document).ready(function() { $("#draggable").draggable(); $("#droppable").droppable({ drop: function(event, ui) { $(this).addClass("dropped"); $(ui.draggable).addClass("dragged"); $(ui.draggable).detach().appendTo(this); } }); }); ``` 在上面的代码中,我们首先使用draggable()方法将id为"draggable"的元素设置为可拖拽的。接着使用droppable()方法将id为"droppable"的元素设置为可放置元素的目标区域。 在droppable()方法的参数中,我们定义了一个drop事件处理函数。当拖拽元素被放置到目标区域时,这个函数将被调用。在这个函数中,我们给目标区域添加了一个名为"dropped"的类,给拖拽元素添加了一个名为"dragged"的类并将拖拽元素移动到目标区域内。 最后,在CSS中定义类".dropped"和".dragged"的样式,以实现特定的外观效果。 完成以上步骤后,保存并加载页面,你将能够在页面上看到一个可拖拽的元素和一个可放置的目标区域。当你拖拽元素到目标区域时,目标区域会改变外观,并将拖拽元素放置在内部。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值