jQuery 选择器、DOM操作、事件、动画

2020-05-22 17:06:50易采站长站整理



$(“:hidden”)选取所有不可见元素


Dom操作


Dom core(核心)、HTML-DOM和CSS-DOM


1.       插入节点的方法





























append()


$(“p”).append(“<b>你</b>”)


<p>test <b>你</b></p>


appendTo()


$(“<b>你</b>”).appendTo(“p”)


<p>test <b>你</b></p>


prepend()


$(“p”). prepend ( “<b>你</b>”)


<p><b>你</b>test </p>


prependTo()


$(“p”). prependTo ( “<b>你</b>”)


<p><b>你</b>test </p>


After()


$(“p”). after ( “<b>你</b>”)


<p>test </p><b>你</b>


insertAfter()


$( “<b>你</b>”). insertAfter (“p”)


<p>test </p><b>你</b>


Before()


$(“p”). before ( “<b>你</b>”)


<b>你</b><p>test </p>


insertBefore()


$( “<b>你</b>”). insertBefore (“p”)


<b>你</b><p>test </p>


2.       删除节点


Remove()方法    empty()清空节点


3.       复制节点


Clone()           $(this).clone(true).appendTo(“body”)


复制元素的同时复制元素中所绑定的事件


4.       替换节点


replaceWith():$(“p”).replaceWith(“<a>test</a>”);


replaceAll():$(“<a>test</a>”). replaceAll (“p”);