学习笔记

创建节点流程:
    创建节点(常见的：元素、属性和文本)
    添加节点的一些属性
    加入到文档中
创建方法(原生):
    创建元素：document.createElement
    设置属性：setAttribute
    添加文本：innerHTML
    加入文档：appendChild

插入:
append()与appendTo()在后面插入
append()前面是被插入的对象，后面是要在对象内插入的元素内容
$('div').append('<div class="append">通过append方法添加的元素</div>')
appendTo()前面是要插入的元素内容，而后面是被插入的对象
$('<div class="append">通过append方法添加的元素</div>').append($('div'))

prepend()与prependTo() 刚好相反  在前面插入

insertAfter()与insertBefore()  在某个点的前后插入


删除:
$('.hello').empty() 指定节点里面所有节点内容
    严格地讲，empty()方法并不是删除节点，而是清空节点，它能清空元素中的所有后代节点
    empty不能删除自己本身这个节点

$("p").remove(":contains('3')")  删除某节点内指定节点
    $("p").remove() 将节点以及已经后代节点全部删除
    提供传递一个筛选的表达式，删除指定合集中的元素

detach()与remove()类似，但只是显示效果上删除，内种依然存在，可以继续调用，因为牵扯到内存，可能会引发相关问题。

复制:
clone()
     $(".left").append( $(this).clone().css('color','red') )
     复制节点插入并添加属性
     与插入搭配使用，只复制相关节点与其结构，
clone(true)
    将节点内事件与数据一同复制

某节点中有点击事件  clone() 只复制节点及相关内容，无法复制事件，clone(true) 联通事件一同复制

替换:
replaceWith()和replaceAll() 两者目标源内容位置相反而已
$(".right > div:first p:eq(1)").replaceWith('<a style="color:red">replaceWith替换第二段的内容</a>')
$('<a style="color:red">replaceAll替换第六段的内容</a>').replaceAll('.right > div p:last');

查找:
必须指定元素，随后查找相应的关系层级
$("div").children()
只能查找出指定父级的第一个儿子元素，无法查找出子孙级元素
$("div").children(".selected")
查找出指定父级的子级元素中含有指定属性的元素


find同children类似，范围更广，可以查找子孙辈。
closest祖先 parent父辈
next 下一个 prev 上一个 兄弟层级
siblings前后兄弟层级


大丈夫能屈能伸的代码
$("button").click(function(){
        $("div").hide("slow").show("slow");
    })

 $("#ide").val(); 取的是元素的value值。