极客标签上也有许多jquery的学习资源,
Jquery是继prototype之后又一个优秀的Javascrīpt框架。使用上jquery之后,马上被她的优雅吸引住了。有人使用这样的一比喻来比较prototype和jquery:prototype就像Java,而jquery就像ruby。jquery的简单的实用的确有相当大的吸引力啊! 使用环境与编写工具如何引入JQuery
在head标签内加入这个 <script src=JS/jquery-1.3.2.min.js type="text/javascript"></script> 这是引用代码 <script type="text/javascript"> $(function(){})</script>
让Dreamweaver支持提示代码功能
要让Dreamweaver支持jQuery自动提示代码功能,方法很简单,下载一个插件—jQuery_API.mxp,以及cs4的jQuery语法提示插件。
在Dreamweaver里依次选择“命令” -> “扩展管理” -> “安装扩展” -> …,就会自动安装了。 成功后重启Dreamweaver,就大功告成了。
jQuery常用方法,语言特点 获取jQuery集合的某一项 对于获取的元素集合,获取其中的某一项(通过索引指定)可以使用eq或get(n)方法或者索引号获取,要注意,eq返回的是jquery对象,而get(n)和索引返回的是dom元素对象。对于jquery对象只能使用jquery的方法,而dom对象只能使用dom的方法,如要获取第三个
元素的内容。有如下两种方法: $("div").eq(2).html(); //调用jquery对象的方法 $("div").get(2).innerHTML; //调用dom的方法属性 集合处理功能 对于jquery返回的集合内容无需我们自己循环遍历并对每个对象分别做处理,jquery已经为我们提供的很方便的方法进行集合的处理。 包括两种形式: $("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][ i ]}) //为索引分别为0,1,2的p元素分别设定不同的字体颜色。 支持方法的连写 所谓连写,即可以对一个jquery对象连续调用各种不同的方法。连写代码风格估计是jQuery最有特色之一了。 例如: $("p").click(function(){alert($(this).html())}) .mouseover(function(){alert('mouse over event')}) .each(function(i){this.style.color=['#f00','#0f0','#00f'][ i ]}); 操作元素的样式 主要包括以下几种方式: $("#msg").css("background"); //返回元素的背景颜色 $("#msg").css("background","#ccc") //设定元素背景为灰色 END 学习jQuery该注意哪些 学习jQuery,要自己写代码,深入到开发中锻炼,理论结合实际,才会提升价值,不断的去实践,不断在实际代码中找出他们的规律,发现他们的原理,以及他们之间相互的关系,才能提升jQuery,才能理解jQuery的精髓。
jQuery入门课程 视频教程
题主也可以看一下相关视频。
可以通过jquery demo代码实例来学习。
先做一个简单的demo效果,逐步加深学习深度,慢慢就会使用了,一切语言皆工具,熟练即能生巧。
关于jquery的demo代码实例可以参考:%E5%AE%9E%E4%BE%8B-p1-s1.htm
如果已经会一点jquery基础语法,但不知道如何进阶,推荐看看《超实用的jQuery代码段》这本书,是市场上唯一一本jQuery实战练习书。可以每天坚持写上10段代码,这样坚持半年会有大的提升,而且这些技术都很前沿很流行!如果连语法都不会,则务必看看W3Cshcool的语法。
学习jquery ,最好的方法还是实践,新手学习jquery配合jquery API(如下图)去开发绝对比单纯的看书强:
当然只是动手写代码,提高毕竟有瓶颈:
写过一段时间代码看《锋利的jQuery》和 阮玉峰的这两篇文章肯定有很深的感触:
jQuery最佳实践
jQuery设计思想
当然正如@zhiyelee 所言,作为一个开发者原生的javascript是必须要会而且熟练的,要更好的学好jquery没有原生js基础肯定不行。
一般手册会用,,主要是封装Jquery控件这块,感觉比较吃力。
学习jQuery必须熟悉jQuery的用法是怎样的,这里有个整理过的手册
《jQuery参考手册、教程及工具》
推荐你参加 的在线知识分享课程,每周都有一个jQuery入门的课程,你可以很方便的实时观看分享人的操作,并且立刻练习,这里查看:近期课程日历 极客标签
<< 锋利的jquery >> 推荐 不过还是强调 学习一下原声js 会对你很有帮助
我当时什么书也没看,到网上下了一个6集的视频,看完之后大呼过瘾,然后开始自己写。不停的写,把基础打牢实,然后对着jquery的api文档学习更高级的东西。我就是这么学的。。。。
阮一峰刚出锅的文章,还是热的,赶紧看: 《jquery设计思想》
可以看张晓菲的《锋利的jQuery》,重点是自己理解函数用法并自行实现一些常用的效果。
如果需要快速查阅可以用这个api,每个函数都附有简单的示例: (注:这个jQuery库的版本不是最新的delegate等函数在这儿查不到。欢迎补充别的api~)
jQuery侧重点就是选择器和基本的DOM操作,还有一些动画操作,但是js中非DOM操作的部分基本没有涉及。
其实jQuery的门槛很低,我在看jQuery的时候对原生js的东西也知之甚少,在看的过程中遇到不会的多求助搜索引擎,多尝试,当然最好做一下笔记。
测试代码推荐直接在jsfiddle上测试,左侧你可以自行选择需要的jQuery库版本:
//=======================
有一点需要注意,jQuery只是工具,jQuery学的再好也无法替代原生的js,比如jQuery翻遍了你也不会知道
JavaScript语言中共有几种基本类型什么是原型什么是闭包什么是原型链,作用域链js只有函数作用域,没有块作用域该怎么理解
之于上面的问题,需要再去阅读js的基础书籍:《JavaScript权威指南》,《JavaScript高级程序设计》,《JavaScript语言精粹》等
精通javascript ...jquey作者写的,你懂的
《锋利的jquery》,一边看这本书一边看Zakas的javascript高级程序设计,进步会很快
应该先去学习JS,
推荐《精通JavaScript+jQuery》,学完在工作中逐步运用
先大体看看JQuery有哪些功能。如果有JS基础,那就在写代码的时候试着用JQuery来实现你的功能。如果没有JS基础,那就直接从JQuery的Demo开始练习。
可以查看官方提供的实例文档,或者买一本《锋利的jQuery》看看,挺好的一本入门教材。如果自学能力强,买着当做手册挺好。
如果楼主了解过CSS那么就很容易上手选择器呢,总的来说,jQuery还是很简单的。
弄个手册,先知道对象选择器了就会用了。然后再试试事件的用法
看官方的文档就行:
如果非要看书,推荐《锋利的jQuery》,豆瓣链接: