好了开始我的Jquery第一天。 我也是从Hello wrod!开始的。关于jquery 的引用我直接一笔带过。如下: 复制代码 代码如下: jquery 链式操作 <BR>$(document).ready(function(){ <BR>alert("hello word!"); <BR>//静止右键点击 <BR>// $(document).bind("contextmenu",function(e){ <BR>// return false; <BR>// }); <BR>}); <BR> 接下来让我们来看看一个复杂的实例,这个实例让我们知道什么是:jquery的链式操作, 我用 . 来连接jquery 的链式操作。 可能有的人刚开始学query ,看起来比较陌生,在后面的疯狂Jquery 中我会一一解释。慢慢的你就会明白。 复制代码 代码如下: Jquery 链式操作 <BR>#menu {width:300px} <BR>.has_children { <BR>background:#555;color:#fff;cursor:pointer; <BR>} <BR>.highligt{color:#fff;background:green;} <BR>div{padding:0;margin:0px;} <BR>div a { <BR>background:#888;display:none;float:left;width:300px; <BR>} <BR> <BR>$(document).ready(function(){ <BR>// alert("给所有目录添加click 事件"); <BR>$(".has_children").click(function(){ <BR>$(this).addClass('highligt') //为当前元素添加highligt类。 <BR>.children("a").show().end() //将子节点的<a>元素显示出来。并且重新定位到上次操作的元素 <BR>.siblings().removeClass("highligt") //获取同级的元素。(或兄弟元素),并且去掉他们highligt类 <BR>.children("a").hide(); //将同级的元素,兄弟元素下的<a> 元素隐藏 <BR>}); <BR>}); <BR> 第一章 认识Jquery 1.1 Javascript 和 Javascript库 1.2 加入Jquery 1.3 编写简单的Jquery 代码 1.4 Jquery对象 和 Dom对象 1.5 解决Jquery 和其他库的冲突 1.6 Jquery 开发工具和插件 1.7 小结 第二章 Jquery选择器 2.1 Jquery 选择器是什么? 2.2 Jquery 选择器的优势? 2.3 Jquery 选择器 2.4 应用Jquery改写实例 2.5 选择器中的一些注意事项 2.6 案例研究————类似淘宝品牌列表的效果 2.7 还有其他选择器吗? 2.8 小结 第三章 Jquery中的DOM操作 3.1 DOM的操作分类 3.2 Jquery 中的DOM操作 3.3 案例研究————某网站的超链接和图片效果 3.4 小结