JavaScript和jquery使用笔记

• 设置属性

1. 单个属性

$("button").click(function(){
  $("#w3s").attr("color","red");
});

2. 多个属性

$("button").click(function(){
  $("#w3s").attr({
    "href" : "http://www.w3school.com.cn/jquery",
    "title" : "W3School jQuery Tutorial"
  });
});

• 删除属性

$("button").click(function(){
  $("p").removeAttr("id"); //删除id属性
});

• 监听下拉框切换事件

<select class="form-control" id="downloaded" onchange="hidePrintButton(this.value)">
    //其中this.value就是下拉框的值
    <option value="false">未导出</option>
    <option value="true">已导出</option>
    <option value="">全部</option>
</select>

• jq遍历的时候想着使用.html()弹出所选DOM节点的html。其实只是弹出所选择的子元素中的DOM节点，所以导致如果没有子节点的话就会弹出一个空的弹窗。这是正确的。

• .html()方法

$("#id").html("<span>aa</span>")
//会将<span>aa</span>作为id="id"元素的子元素添加到它的后面
//并且会清空原来的子元素

• 动态追加元素 append、prepend 和 before、after 的区别
  https://blog.csdn.net/chyin1024/article/details/68484342