jquery初步

一.dreamwear 安装智能提示插件

网址：http://xtnd.us/dreamweaver/jquery 下载jQuery_API.mxp 插件（见附件），双击即可安装。

注意

Newer versions of Dreamweaver can decipher API's from JavaScript files directly and this extension isn't needed. I do get frequent requests to upgrade it for CS4/CS5 because some of the code completions I designed are nice easy shortcuts similar to code snippets.

 如果使用用高版本的dreamwear见附件jquery_api_for_dw5.rar.rar ，按照附件里的说明安装。

注意 写道

win7 路径C:\Users\XXX\AppData\Roaming\Adobe\Dreamweaver CS5\zh_CN\Configuration

二. 选择器

（1） 基本选择器

 序号           选择器                 含义
1.                 *                           通用元素选择器，匹配任何元素
2.                 E                          标签选择器，匹配所有使用E标签的元素
3.                 .info                     class选择器，匹配所有class属性中包含info的元素
4.                #footer                  id选择器，匹配所有id属性等于footer的元素

（2） 多元素的组合选择器

序号           选择器                 含义
5.                E,F                        多元素选择器，同时匹配所有E元素或F元素，E和F之间用逗号分隔
6.                E F                        后代元素选择器，匹配所有属于E元素后代的F元素，E和F之间用空格分隔
7.                E > F                     子元素选择器，匹配所有E元素的子元素F
8.                E + F                     毗邻元素选择器，匹配所有紧随E元素之后的同级元素F

(3)  属性选择器

 序号         选择器                 含义
9.               E[att]                    匹配所有具有att属性的E元素，不考虑它的值。（注意：E在此处可以省略，比如“[cheacked]”。以下同。）
10.             E[att=val]             匹配所有att属性等于“val”的E元素
11.             E[att~=val]           匹配所有att属性具有多个空格分隔的值、其中一个值等于“val”的E元素
12.             E[att|=val]            匹配所有att属性具有多个连字号分隔（hyphen-separated）的值、其中一个值以“val”开头的E元素，主要用于lang属性，比如“en”、“en-us”、“en-gb”等等

(4)  CSS 2.1中的伪类

序号          选择器                 含义
13.             E:first-child          匹配父元素的第一个子元素
14.             E:link                    匹配所有未被点击的链接
15.             E:visited               匹配所有已被点击的链接
16.             E:active                匹配鼠标已经其上按下、还没有释放的E元素
17.             E:hover                 匹配鼠标悬停其上的E元素
18.             E:focus                 匹配获得当前焦点的E元素
19.             E:lang(c)               匹配lang属性等于c的E元素

(5) CSS 2.1中的伪元素

序号          选择器                 含义

20.              E:first-line           匹配E元素的第一行
21.              E:first-letter        匹配E元素的第一个字母
22.              E:before              在E元素之前插入生成的内容
23.              E:after                 在E元素之后插入生成的内容 

(6) CSS 3的同级元素通用选择器

序号          选择器                 含义

24.             E ~ F                    匹配任何在E元素之后的同级F元素

(7) CSS 3 属性选择器

序号          选择器                 含义

25.             E[att^=”val”]        属性att的值以"val"开头的元素
26.             E[att$=”val”]        属性att的值以"val"结尾的元素
27.             E[att*=”val”]        属性att的值包含"val"字符串的元素

(8)  CSS 3中与用户界面有关的伪类

序号          选择器                 含义

28.             E:enabled               匹配表单中激活的元素
29.             E:disabled              匹配表单中禁用的元素
30.             E:checked              匹配表单中被选中的radio（单选框）或checkbox（复选框）元素
31.             E::selection            匹配用户当前选中的元素

(9) CSS 3中的结构性伪类

序号          选择器                 含义

32.             E:root                      匹配文档的根元素，对于HTML文档，就是HTML元素
33.             E:nth-child(n)          匹配其父元素的第n个子元素，第一个编号为1
34.             E:nth-last-child(n)   匹配其父元素的倒数第n个子元素，第一个编号为1
35.             E:nth-of-type(n)     与:nth-child()作用类似，但是仅匹配使用同种标签的元素
36.             E:nth-last-of-type(n) 与:nth-last-child() 作用类似，但是仅匹配使用同种标签的元素
37.             E:last-child              匹配父元素的最后一个子元素，等同于:nth-last-child(1)
38.             E:first-of-type        匹配父元素下使用同种标签的第一个子元素，等同于:nth-of-type(1)
39.             E:last-of-type         匹配父元素下使用同种标签的最后一个子元素，等同于:nth-last-of-type(1)
40.             E:only-child            匹配父元素下仅有的一个子元素，等同于:first-child:last-child或 :nth-child(1):nth-last-child(1)
41.             E:only-of-type       匹配父元素下使用同种标签的唯一一个子元素，等同于:first-of-type:last-of-type或 :nth-of-type(1):nth-last-of-type(1)
42.              E:empty                匹配一个不包含任何子元素的元素，注意，文本节点也被看作子元素

(10) CSS 3的反选伪类

序号          选择器                 含义

43.             E:not(s)                  匹配不符合当前选择器的任何元素

(11) CSS 3中的 :target 伪类

序号          选择器                 含义

44.             E:target                 匹配文档中特定"id"点击后的效果