2018.4.5毕业设计过程

1. jQuery层级选择器

> （大于号）紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。

+ （加号）  紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。

~ （波浪线）任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。

(空格)    任意层父子关系 如$("div p")表示选择div下的p节点（不管中间隔多少层）。

,(逗号)   表示选择器组合，如$("div p, span p")表示div下p节点和span下p节点。

2. jQuery选择器之基本筛选选择器

（1）:eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素，根据之前匹配的元素在进一步筛选，注意jQuery合集都是从0开始索引

（2）gt是一个段落筛选，从指定索引的下一个开始，gt(1) 实际从2开始

（3）:not 选择所有元素去除不匹配给定的选择器的元素
        选中所有紧接着没有checked属性的input元素后的p元素，赋予颜色

$("input:not(:checked) + p").css("background-color", "#CD00CD");

3. jQuery选择器之内容筛选选择器

（1） :contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素
（2）如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。

（3）:parent与:empty是相反的，两者所涉及的子元素，包括文本节点

  <script type="text/javascript">
       //选择所有包含子元素或者文本的a元素
       //增加一个蓝色的边框
       $("a:parent").css("border", "3px groove blue");
    </script>

    <script type="text/javascript">
       //找到a元素下面的所有空节点(没有子元素)
       //增加一段文本与边框
      $("a:empty").text(":empty").css("border", "3px groove red"); 
    </script>

4.文件目录结构