jqurey 学习笔记 传智博客佟老师附详细注释

1 、写 js 的时候用 aptana ( IDE ),有 jquery 的代码提示。
jqurey 学习笔记 传智博客佟老师附详细注释_第1张图片 
把 code assist 里面的 jqurey1.3 选上就可以了。

2 、为一个元素增加事件的时候不要在 html 里加,在 js 中加。
不要写
要写成: document.getElementById(“id”).onclick = function(){}

3 、把 js 剥离出来,做到 html 和 js 的分离。
Html 中除了引入 js 之外,不要别的 js 代码。

4 、 Jqurey 选择器:基本选择器、层级选择器、基本过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单选择器、表单对象属性选择器
http://xiazai.jb51.net/200907/yuanma/jQuery_xuanzeqi.rar

5 、选择器中的空格问题

带空格的是子选择器,不带空格的是可见性过滤选择器

jqurey 学习笔记 传智博客佟老师附详细注释_第2张图片

例子 1 、品牌列表 需要一张小图片,还有 jqurey1.3.1 的 js 包
下载地址: jqurey鼠标经过例子 http://xiazai.jb51.net/200907/yuanma/jquery_mouse.rar
代码:
复制代码 代码如下:















例子 2 、超链接和图片提示效果 需要几张图片 jqurey1.3.1 的 js 包
代码
复制代码 代码如下:





Untitled Document





有效果:



  •  苹果 iPod

  •  苹果 iPod nano

  •  苹果 iPhone

  •  苹果 Mac












无效果:



  •  苹果 iPod

  •  苹果 iPod nano

  •  苹果 iPhone

  •  苹果 Mac




你可能感兴趣的:(jqurey 学习笔记 传智博客佟老师附详细注释)