知识点

1.  html 创建数组是时候所使用的格式
  var arrays = new Array(3);    括号内的数字为角标最大值
  arrays[0] = new Array("123","123"); 创建数组跟数值的时候后面要用圆括号
2.2 html 下拉菜单   与选择触发
   <select onchange="函数">
    <option>参数</option>
   </select>

  JQ下拉菜单的选择时间
  $("下拉id").change(function(){
  });
3. html 创建一个文本节点也就是说镶嵌到标签内的一个元素
   var textEle = document.createTextNode("值");
4. html 创建一个标签
   var ele = document.createElement("div");
5. 标签内添加
    appendChild
6. 获取表格相应属性
    var myTable = document.getElementById("mytable");
    myTable.tBodies[0].rows[len].style.backgroundColor = "blue";

有两个位置相对应的属性

7. JS代码对空格敏感

8. JQ界面加载触发代码
    jQuery(document).ready(function()}){
      //执行代码    
    });
    $(document).ready(function(){
      //执行代码
    });
    $(function(){
      //执行代码
    });
9. JQ对象和JS对象的转换
    $("对象标签").get()   获取到的是一个数组
    $("对象标签").get(0)  如果是ID默认必须为零.如果是其他元素可以随意更改0的数值

10. 四种层级选择器
    $("#but1").click(function(){
    $("body div").css("background-color","beige");
    });  //body下的所有div元素
    $("#but2").click(function(){
    $("div>div").css("background-color","aquamarine");
    });//div下的子元素div
    $("#but3").click(function(){
    $("#div1+div").css("background-color","darkorange");
    });//id为div1的下一个同级div元素
    $("#but4").click(function(){
    $("#div2~div").css("background-color","gainsboro");
    });//id为div2的下的所有同级div元素

11 四种过滤选择器   //可以扩展   例如body可以更改为其他选择id选择  类选择之类的
    $(function(){
    $("#btn1").click(function(){
    $("body div:first").css("background-color","red");
    });//body下的div元素第一个
                
    $("#btn2").click(function(){
    $("body div:last").css("background-color","red");
    });//body下的div元素最后一个
                
    $("#btn3").click(function(){
    $("body div:odd").css("background-color","red");
    });//索引值为1
                
    $("#btn4").click(function(){
    $("body div:even").css("background-color","red");
    });
    });//索引值为0

12. 属性选择器   //获取标签的属性来选择

    <script>
    $(function(){
    $("#btn1").click(function(){
    $("div[id]").css("background-color","red");
    });
                
    $("#btn2").click(function(){
    $("div[id='two']").css("background-color","red");
    });
    
    $("#btn2").click(function(){
    $("div[class='two']").css("background-color","red");
    });            
    });
    </script>
13.  清空下拉菜单的值
    $("下拉菜单").empty();

14. 遍历一个数组   //i的值为数组的索引值,j为索引值对应的value值
    $.each(数组,function(i,j){
        });
15.添加节点的另一种方法
    $(opEle).append(textNote);
    $(opEle).appendTo("#city");