JQuery无废话系列教程(二) 实战篇上 本帖最后由 wansijie 于 2009-06-23 13:54:38 编辑 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 今天的教程有些复杂,但过了这一关,JQuery的学习可谓是一马平川.所以坚持一下.. JQuery不难.呵. hao a hao a hao a hao a hao a hao a hao a hao a hao a hao a hao a p.class这个类型的楼主好像没有提到 js主要解决的是页面程序与低层程序的交互,jquery也一样,希望LZ在下来的文章中多写点jquery在项目中的运用,比如:jquery在java的SSH框架下如何调用action,或者如何使用jquery写个分页什么的.我刚学着用的时候,基本的东西2天就搞懂了,但把这些东西用到项目中去还是比较麻烦,网上找点资料也不好找,幸好有个懂的同事教了我一周,现在会用了,不过还是个皮毛,希望LZ能把自己使用的一些经验分享下,谢谢! 建议楼主既然讲了,就有特色的讲吧,其他很多老师讲都是随便拉一个例子讲,而不是讲应用,比如上学的时候老师讲C,天天都是用数字1,2,3,4弄过来弄过去的希望你能讲如何在项目中应用。很多老师讲“实战”,其实都是模拟例子,不是真正应用中的东西,所以对于我们初学者来说,学会了模拟,真正项目中还是很幼稚的使用。比如:有人讲jquery的ajax是url就写:aaa.aspx?id=bbb而实际项目中在服务端都是用aspx吗?还有用ashx的,webservice的希望楼主能讲应用 好像喜欢用 jquery 的多过 prototype,不知道为什么 那个。。为了证明这是你写的,能不能请你写一个例子?就是查询pubs数据库的jobs表显示出来,并可以上下无刷新分页,简单吧?给写一个? 呵。。我以前是做C/S开发的,就今年开始学习B/S的开发。我对JQurey也是刚刚开始学,对于你说的“ashx”,“webServeice”没有接触过。但你的建议很好,我会把我自己项目中的一些例子放上来讲。当然不是什么高深的东西。 大家一同交流。 :) 菜鸟的问题。 感觉就是把CSS里面的东西写到javascript脚本里面去。 为什么不直接写在css里面呢? 不太明白!教程到是看懂了。 挺好的。 楼主指教。 JQuery在CSS部分的操作我个人的看法是如果写到CSS中 表现层基本上是静态的. (当然CSS也有动作,比如a:hover {color:#ff0000},但不是每个浏览器都支持 hover 这个动作) 用JQuery就可以动态的进行操作. 嗯。很快就有新的文章推出来。快购利众htpp://www.kuigood.com 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) jQuery中的Ajax 从零开始学习jQuery (七) jQuery动画-让页面动起来! 从零开始学习jQuery (八) 插播:jQuery实施方案 从零开始学习jQuery (九) jQuery工具函数 从零开始学习jQuery (十) jQueryUI常用功能实战 从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件 实战篇 中已经发布http://topic.csdn.net/u/20090629/22/d8171579-b34a-4ca3-b92d-83b92c0c29b3.html?492期待指点. 有点不明白<body> <p>快购利众网1 </p> <p id="myP">快购利众网2 </p> <p class="myPCss">快购利众网3 </p> <div id="myDiv"> <div id="myDivInner"> <p>快购利众网4 </p> </div> <div id="myDivTemp"> </div> <p>快购利众网5 </p> <p>快购利众网6 </p> </div> <p>快购利众网7 </p> </body> $(div+b)你不是说是紧接在 div 元素后的 第一个同辈p 元素吗?那<p>快购利众网5 </p>不是紧接在<div id="myDivTemp"> </div>后吗?怎么没有选上? $("div+p").addClass("p3"); 功能:匹配所有紧接在 div 元素后的 第一个同辈p 元素 +代表紧接着div同层的第一个子元素对象. id为"myDivInner"同层后面第一个因为是" <div>",所以后没有紧接着的" <p>" id为"myDiv"同层后面正好是一个" <p>" 最后选择出1个 <p>元素对象,"" <p>快购利众网7 </p>",并为该 <p>对象增加名为"p3"的样式 知识点: 是紧接着,如果A与B之间有其它元素都无法匹配. ========================我按照楼主的来学习,这个应该选出了2个吧myDivTemp后面的<p>5,也应该被选中吧 ,感谢楼主。 $(div+p)一共能找到2个符合要求的元素<div di="myDivTemp">后面的 <p>快购利众网5</p><div id="myDiv"> 后面的 <p>快购利众网7 </p> 对比$(div~p)$(div~p)一共能找到3个符合要求的元素<div di="myDivTemp">后面的<p>快购利众网5</p><p>快购利众网6 </p><div id="myDiv"> 后面的 <p>快购利众网7 </p> 刚我再次测试了,没发现问题. 在项目中多用Jquery 你就感觉不难啦 其实只要你javascript强 那就都好说 好贴,不过怎么都是有关CSS方面的。。 昨天晚上花了大时间看了jquery感觉的确很强。可是自己去写的花。还是有点困难 这里讲的是选择器,目的是为了选中某个或某类dom元素,如:$("#myDiv>p")就是为了选中id为myDiv的dom元素下面的所有p标记,选中了p标记后,就可以做你想做的事情了:$("#myDiv>p").addClass("p3"); 还可以给选定的p标记加上一个事件处理:$("#myDiv>p").click( function() { alert("Hello"); } ); 樓主,辛苦了,不知樓主有沒有Jquery方面的項目源碼,有的話,麻煩發我一份,感激不盡,[email protected] 读取当前目录下的图片 将以下javascript代码转变成jquery代码 一个轮播插件求助 js如何控制页面加载顺序 在线等 帮小弟写个IP的输入限制 alert函数最大能显示多少个字符? showbo斑竹 请教个extjs combo小问题 怎么样用鼠标点击图片,取得鼠标在图片的位置 一个简单的问题 解决就结帖给分 急需要ActiveMovie控件的详细使用说明,先多谢各位! 简单问题,求指导。。 XMLHTTPREQUEST 上传文件
这个类型的楼主好像没有提到
我刚学着用的时候,基本的东西2天就搞懂了,但把这些东西用到项目中去还是比较麻烦,网上找点资料也不好找,幸好有个懂的同事教了我一周,现在会用了,不过还是个皮毛,希望LZ能把自己使用的一些经验分享下,谢谢!
其他很多老师讲都是随便拉一个例子讲,而不是讲应用,比如上学的时候老师讲C,天天都是用数字1,2,3,4弄过来弄过去的
希望你能讲如何在项目中应用。
很多老师讲“实战”,其实都是模拟例子,不是真正应用中的东西,所以对于我们初学者来说,学会了模拟,真正项目中还是很幼稚的使用。
比如:有人讲jquery的ajax是url就写:aaa.aspx?id=bbb
而实际项目中在服务端都是用aspx吗?还有用ashx的,webservice的
希望楼主能讲应用
就是查询pubs数据库的jobs表显示出来,并可以上下无刷新分页,简单吧?给写一个?
呵。。我以前是做C/S开发的,就今年开始学习B/S的开发。
我对JQurey也是刚刚开始学,对于你说的“ashx”,“webServeice”没有接触过。
但你的建议很好,我会把我自己项目中的一些例子放上来讲。
当然不是什么高深的东西。 大家一同交流。 :)
教程到是看懂了。 挺好的。 楼主指教。
JQuery在CSS部分的操作我个人的看法是如果写到CSS中 表现层基本上是静态的. (当然CSS也有动作,比如a:hover {color:#ff0000},但不是每个浏览器都支持 hover 这个动作)
用JQuery就可以动态的进行操作.
htpp://www.kuigood.com
从零开始学习jQuery (二) 万能的选择器
从零开始学习jQuery (三) 管理jQuery包装集
从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
从零开始学习jQuery (五) 事件与事件对象
从零开始学习jQuery (六) jQuery中的Ajax
从零开始学习jQuery (七) jQuery动画-让页面动起来!
从零开始学习jQuery (八) 插播:jQuery实施方案
从零开始学习jQuery (九) jQuery工具函数
从零开始学习jQuery (十) jQueryUI常用功能实战
从零开始学习jQuery (十一) 实战表单验证与自动完成提示插件
实战篇 中已经发布
http://topic.csdn.net/u/20090629/22/d8171579-b34a-4ca3-b92d-83b92c0c29b3.html?492期待指点.
<body>
<p>快购利众网1 </p>
<p id="myP">快购利众网2 </p>
<p class="myPCss">快购利众网3 </p>
<div id="myDiv">
<div id="myDivInner">
<p>快购利众网4 </p>
</div>
<div id="myDivTemp">
</div>
<p>快购利众网5 </p>
<p>快购利众网6 </p>
</div>
<p>快购利众网7 </p>
</body>
$(div+b)你不是说是紧接在 div 元素后的 第一个同辈p 元素吗?
那<p>快购利众网5 </p>不是紧接在<div id="myDivTemp"> </div>后吗?
怎么没有选上?
功能:匹配所有紧接在 div 元素后的 第一个同辈p 元素
+代表紧接着div同层的第一个子元素对象.
id为"myDivInner"同层后面第一个因为是" <div>",所以后没有紧接着的" <p>"
id为"myDiv"同层后面正好是一个" <p>"
最后选择出1个 <p>元素对象,"" <p>快购利众网7 </p>",并为该 <p>对象增加名为"p3"的样式
知识点: 是紧接着,如果A与B之间有其它元素都无法匹配.
========================
我按照楼主的来学习,这个应该选出了2个吧myDivTemp后面的<p>5,也应该被选中吧 ,感谢楼主。
<div di="myDivTemp">后面的 <p>快购利众网5</p>
<div id="myDiv"> 后面的 <p>快购利众网7 </p> 对比
$(div~p)$(div~p)一共能找到3个符合要求的元素
<div di="myDivTemp">后面的<p>快购利众网5</p><p>快购利众网6 </p>
<div id="myDiv"> 后面的 <p>快购利众网7 </p>
刚我再次测试了,没发现问题.
其实只要你javascript强 那就都好说
$("#myDiv>p").addClass("p3");
还可以给选定的p标记加上一个事件处理:
$("#myDiv>p").click( function() { alert("Hello"); } );