JQuery无废话系列教程(一) 入门 本帖最后由 wansijie 于 2009-06-23 09:12:02 编辑 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 强烈支持楼主,你写了我天天看。本来我不用jquery, 现在打算学以下 多谢支持, 新的一篇文章已经出炉,请指点指点.http://topic.csdn.net/u/20090623/09/7c6a0b8b-d3e5-4887-8149-6a6467a45f79.html <p><a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255769.aspx" target="_blank">从零开始学习jQuery (一) 开天辟地入门篇</a></p><p><a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255777.aspx" target="_blank">从零开始学习jQuery (二) 万能的选择器</a></p><p><a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255787.aspx" target="_blank">从零开始学习jQuery (三) 管理jQuery包装集</a></p><p><a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255793.aspx" target="_blank">从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式</a></p><p><a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255795.aspx" target="_blank">从零开始学习jQuery (五) 事件与事件对象</a></p><p><a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255799.aspx" target="_blank">从零开始学习jQuery (六) jQuery中的Ajax</a></p><p><a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255807.aspx" target="_blank">从零开始学习jQuery (七) jQuery动画-让页面动起来!</a></p><p><a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255811.aspx" target="_blank">从零开始学习jQuery (八) 插播:jQuery实施方案</a></p><p><a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255816.aspx" target="_blank">从零开始学习jQuery (九) jQuery工具函数</a></p><p><a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255819.aspx" target="_blank">从零开始学习jQuery (十) jQueryUI常用功能实战</a></p><p><a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255823.aspx" target="_blank">从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件</a></p> [p][a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255769.aspx" target="_blank"]从零开始学习jQuery (一) 开天辟地入门篇[/a][/p][p][a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255777.aspx" target="_blank"]从零开始学习jQuery (二) 万能的选择器[/a][/p][p][a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255787.aspx" target="_blank"]从零开始学习jQuery (三) 管理jQuery包装集[/a][/p][p][a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255793.aspx" target="_blank"]从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式[/a][/p][p][a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255795.aspx" target="_blank"]从零开始学习jQuery (五) 事件与事件对象[/a][/p][p][a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255799.aspx" target="_blank"]从零开始学习jQuery (六) jQuery中的Ajax[/a][/p][p][a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255807.aspx" target="_blank"]从零开始学习jQuery (七) jQuery动画-让页面动起来![/a][/p][p][a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255811.aspx" target="_blank"]从零开始学习jQuery (八) 插播:jQuery实施方案[/a][/p][p][a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255816.aspx" target="_blank"]从零开始学习jQuery (九) jQuery工具函数[/a][/p][p][a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255819.aspx" target="_blank"]从零开始学习jQuery (十) jQueryUI常用功能实战[/a][/p][p][a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255823.aspx" target="_blank"]从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件[/a][/p] jquery其实有三个发布版本 1.开发时用于调试的版本,也就是Development版,是非压缩的版本,这个最大,一般上100K; 2.然后就是产品版,主要是通过去除空行等,减少变量名长度等实现的,一般是开发调试版节约出1/3-2/3 数据量; 3.是超压缩版本,也叫pack版,在2的基础上还内置一个字符压缩算法实现来压缩,并在引入时自解压加载,但好像jquery从1.3开始就没有发布pack版本啦。 多谢提醒.呵,我刚学JQuery直接从1.32开始..只知道有两种版本 :) 写的不错不过要在加上一些与JavaScript方法的比较就更好了如$(document).ready 就是 JavaScript中onlord() JQeruy入门很简单,但是当你看见真正开发写的一些 JQuery用法,API上也不会全给你列出来,没有很深的DOM等基础,还是蛮难理解的 jqurey还是蛮好用的,不过建议有了一定的js基础会更好哦 另外想问楼主个问题,jQuery应该怎么学?JavaScript需要掌握到什么程度?谢谢楼主 呵呵,使用jquery,你可以一点不懂javascript,不过那样痛苦点,但是照样用起来很爽的. 我以前怎么看过这篇文章?你只不过把 jquery的版本换了一下就说是你的原创? thank you, this is very nice. i use normally no jquery, but most my college, who work with UI for a website, need somethinglike this at most. 晕。明明是我自己写的,如果你有证据说是我转载或者引用的就把那个URL发过来。如果是真的,我永远不来CSDN。如果不是真的, 请你多多支持。好吗? 我之前买了本《JQuery基础教程》,感觉很多理论的东西要反复看才懂,多谢LZ的原创教程,如果早点看你写的,就能少走弯路了... 没有看明白 tr里也没有定义even 或者是 odd ,jquery是怎么去判断奇偶行的??? 这正是JQuery方便之处.我们不用在TR里做任何标识, JQuery会自己去判断TR的奇偶性.我认为入门时不应该过多深入, 先入学,肤浅的学会. 然后再深入. 正要学习js呢,我是计算机毕业,js基础有了,看来lz的教程,jquery可以直接入手了。多谢~ 嗯。很快就有新的文章推出来。快购利众htpp://www.kuigood.com <!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></head><style type="text/css"> .tabEven { background: #ff0000; } .tabOdd { background: #00ff00; } </style><script language="javascript" src="新建文件夹/jquery-1.3.2.min.js"></script><script type="text/javascript" language="javascript"> $(document).ready(function(){ $("#tabTest tr:even").addClass("tabEven"); $("#tabTest tr:odd").addClass("tabOdd"); }); </script><body><table width="100%" border="0" id="tabTest"><tbody> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </tbody></table></body></html>哪里错了?复制楼主的可以。 自己打的怎么都不行。 郁闷了。 找半天都不对。 楼主老大,你还是没回答我的问题啊,学jQuery,js和css需要掌握到那种程度??谢谢啦 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) jQuery中的Ajax 从零开始学习jQuery (七) jQuery动画-让页面动起来! 从零开始学习jQuery (八) 插播:jQuery实施方案 从零开始学习jQuery (九) jQuery工具函数 从零开始学习jQuery (十) jQueryUI常用功能实战 从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件 我学JQuery时,对CSS一点也不了解. 临时学的. 不过如果有条件有时间最好还是系统的看一下.JS 当然最好能理解以及操作BOM,DOM. JQuery虽然强悍,但有时还是要结合BOM,DOM进行开发的.快购利众http://www.kuigood.com 实战篇 中已经发布 http://topic.csdn.net/u/20090629/22/d8171579-b34a-4ca3-b92d-83b92c0c29b3.html?492 期待指点. 最接正在开始接触jquery,进来学习下~~~~ jquery很强大 现在很多网站都用的是jquery框架 豆瓣网 csdn 360buy 来顶一个 才开始学AJAX看到那些复杂点的js就头痛 to LZ:直接拷了你的代码,出来的乱码。晕了~另外,网站[url=http://www.kuigood.com[/url]不错。 我网站用的是UTF-8 格式。。估计你与我编辑器用的格式不相同。。你改成UTF-8试试。 今天才开始看JS, 估计最快也要十几天后才开始JQUERY... javascript中的onload()事件与jquery中的ready不一样~~~onload()要等所有的网页资源都加载完才会执行,不仅有dom,还有表格,图片等但ready只要在网页结构,即dom加载完就会开始执行 学习jquery,我认为要多看帮助文档,我是看了很多遍帮助文档后才能熟练运用,另外推荐一本书,<锋利的jquery>感觉很不错,从最基本开始讲,最后还有一个综合的示例~~~~ 引用 1 楼 sunxing007 的回复:强烈支持楼主,你写了我天天看。本来我不用jquery, 现在打算学以下 数组删除元素的问题 何让二级菜单点击下一个关闭上一个,并且让三级菜单点击保持状态,点击比闭合?css内容 请帮帮忙 谢谢大家 jsp网站如何连接上mysql数据库 如何限制onclick onfocus事件只触发一个 关于对dom中某数组元素个数的统计 将json对象排序 (很急)请教一个javascript文件操作的问题? 关于列变换的问题.在线等待,特急.!!! 页面尾部的javascript如何控制页面头部的javascript变量? js 分屏后, 怎么得到当前页 显示的文本,尤其是跨页的段落 求在应用WEB模板中应该注意的问题。。。 请教关于js进度条的问题
多谢支持,
新的一篇文章已经出炉,请指点指点.
http://topic.csdn.net/u/20090623/09/7c6a0b8b-d3e5-4887-8149-6a6467a45f79.html
<p><a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255777.aspx" target="_blank">从零开始学习jQuery (二) 万能的选择器</a></p>
<p><a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255787.aspx" target="_blank">从零开始学习jQuery (三) 管理jQuery包装集</a></p>
<p><a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255793.aspx" target="_blank">从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式</a></p>
<p><a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255795.aspx" target="_blank">从零开始学习jQuery (五) 事件与事件对象</a></p>
<p><a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255799.aspx" target="_blank">从零开始学习jQuery (六) jQuery中的Ajax</a></p>
<p><a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255807.aspx" target="_blank">从零开始学习jQuery (七) jQuery动画-让页面动起来!</a></p>
<p><a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255811.aspx" target="_blank">从零开始学习jQuery (八) 插播:jQuery实施方案</a></p>
<p><a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255816.aspx" target="_blank">从零开始学习jQuery (九) jQuery工具函数</a></p>
<p><a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255819.aspx" target="_blank">从零开始学习jQuery (十) jQueryUI常用功能实战</a></p>
<p><a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255823.aspx" target="_blank">从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件</a></p>
[p][a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255777.aspx" target="_blank"]从零开始学习jQuery (二) 万能的选择器[/a][/p]
[p][a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255787.aspx" target="_blank"]从零开始学习jQuery (三) 管理jQuery包装集[/a][/p]
[p][a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255793.aspx" target="_blank"]从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式[/a][/p]
[p][a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255795.aspx" target="_blank"]从零开始学习jQuery (五) 事件与事件对象[/a][/p]
[p][a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255799.aspx" target="_blank"]从零开始学习jQuery (六) jQuery中的Ajax[/a][/p]
[p][a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255807.aspx" target="_blank"]从零开始学习jQuery (七) jQuery动画-让页面动起来![/a][/p]
[p][a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255811.aspx" target="_blank"]从零开始学习jQuery (八) 插播:jQuery实施方案[/a][/p]
[p][a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255816.aspx" target="_blank"]从零开始学习jQuery (九) jQuery工具函数[/a][/p]
[p][a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255819.aspx" target="_blank"]从零开始学习jQuery (十) jQueryUI常用功能实战[/a][/p]
[p][a href="http://blog.csdn.net/hemingwang0902/archive/2009/06/09/4255823.aspx" target="_blank"]从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件[/a][/p]
1.开发时用于调试的版本,也就是Development版,是非压缩的版本,这个最大,一般上100K;
2.然后就是产品版,主要是通过去除空行等,减少变量名长度等实现的,一般是开发调试版节约出1/3-2/3 数据量;
3.是超压缩版本,也叫pack版,在2的基础上还内置一个字符压缩算法实现来压缩,并在引入时自解压加载,但好像jquery从1.3开始就没有发布pack
版本啦。
多谢提醒.
呵,我刚学JQuery直接从1.32开始..
只知道有两种版本 :)
不过要在加上一些与JavaScript方法的比较就更好了
如$(document).ready 就是 JavaScript中onlord()
JavaScript需要掌握到什么程度?谢谢楼主
呵呵,使用jquery,你可以一点不懂javascript,不过那样痛苦点,但是照样用起来很爽的.
most my college, who work with UI for a website, need something
like this at most.
晕。明明是我自己写的,如果你有证据说是我转载或者引用的就把那个URL发过来。
如果是真的,我永远不来CSDN。
如果不是真的, 请你多多支持。
好吗?
我之前买了本《JQuery基础教程》,感觉很多理论的东西要反复看才懂,多谢LZ的原创教程,如果早点看你写的,就能少走弯路了...
这正是JQuery方便之处.
我们不用在TR里做任何标识, JQuery会自己去判断TR的奇偶性.
我认为入门时不应该过多深入, 先入学,肤浅的学会. 然后再深入.
多谢~
嗯。很快就有新的文章推出来。快购利众
htpp://www.kuigood.com
<!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>
</head>
<style type="text/css">
.tabEven {
background: #ff0000;
}
.tabOdd {
background: #00ff00;
}
</style>
<script language="javascript" src="新建文件夹/jquery-1.3.2.min.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
$("#tabTest tr:even").addClass("tabEven");
$("#tabTest tr:odd").addClass("tabOdd");
});
</script><body>
<table width="100%" border="0" id="tabTest">
<tbody>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</tbody>
</table>
</body>
</html>哪里错了?复制楼主的可以。 自己打的怎么都不行。 郁闷了。 找半天都不对。
谢谢啦
从零开始学习jQuery (二) 万能的选择器
从零开始学习jQuery (三) 管理jQuery包装集
从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
从零开始学习jQuery (五) 事件与事件对象
从零开始学习jQuery (六) jQuery中的Ajax
从零开始学习jQuery (七) jQuery动画-让页面动起来!
从零开始学习jQuery (八) 插播:jQuery实施方案
从零开始学习jQuery (九) jQuery工具函数
从零开始学习jQuery (十) jQueryUI常用功能实战
从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件
我学JQuery时,对CSS一点也不了解. 临时学的. 不过如果有条件有时间最好还是系统的看一下.
JS 当然最好能理解以及操作BOM,DOM.
JQuery虽然强悍,但有时还是要结合BOM,DOM进行开发的.快购利众
http://www.kuigood.com
http://topic.csdn.net/u/20090629/22/d8171579-b34a-4ca3-b92d-83b92c0c29b3.html?492 期待指点.
直接拷了你的代码,出来的乱码。晕了~另外,网站[url=http://www.kuigood.com[/url]不错。
我网站用的是UTF-8 格式。。估计你与我编辑器用的格式不相同。。你改成UTF-8试试。
javascript中的onload()事件与jquery中的ready不一样~~~
onload()要等所有的网页资源都加载完才会执行,不仅有dom,还有表格,图片等
但ready只要在网页结构,即dom加载完就会开始执行
强烈支持楼主,你写了我天天看。本来我不用jquery, 现在打算学以下