jqurey study notes Chuanzhi Blog Teacher Tong with detailed notes_jquery

1. Use aptana (IDE) when writing js, and there are jquery code prompts.

Just select jqurey1.3 in code assist.

2. When adding an event to an element, do not add it in html, add it in js.
Don’t write
Write it as: document.getElementById(“id”).onclick = function(){}

3. Strip out js and separate html and js.
In addition to introducing js, no other js code is required in Html.

4. Jqurey selector: basic selector, hierarchical selector, basic filter selector, content filter selector, visibility filter selector, attribute filter selector, child element filter selector, form selector , form object attribute selector
http://xiazai.jb51.net/200907/yuanma/jQuery_xuanzeqi.rar

5. Space problem in the selector

The one with spaces is the sub-selector, the one without spaces is the visibility filter selector

Example 1, the brand list requires a small picture, and the js package of jqurey1.3.1
Download address: jqurey mouse over example http://xiazai. jb51.net/200907/yuanma/jquery_mouse.rar
Code:

Copy code The code is as follows:

• 佳能 (30440)


• 索尼 (27220)


• 三星 (20808)


• 尼康 (17821)


• 松下 (12289)


• 卡西欧 (8242)


• 富士 (14894)


• 柯达 (9520)


• 宾得 (2195)


• 理光 (4114)


• 奥林巴斯 (12205)


• 明基 (1466)


• 爱国者 (3091)


• 其它品牌相机 (7275)

显示全部品牌

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

复制代码 代码如下:

有效果：

• 


• 


• 


• 

无效果：

• 


• 


• 


•