jQuery 使用手册(二)

2020-05-23 06:19:54易采站长站整理

function jq(){ 
     $(“#test”).append(“<b>Hello</b>”);  
}执行后相当于
<a href=”#” onClick=”jq()”>jQuery<b>Hello</b></a>同理还有append(elem)  append(elems) before(html) before(elem) before(elems)请执行参照append和after的方来测试、理解!
appendTo(expr)  与append(elem)相反
<p id=”test”>after</p><a href=”#” onClick=”jq()”>jQuery</a>jQuery代码及功能
function jq(){  
      $(“a”). appendTo ($(“#test”));  
}执行后相当于
<p id=”test”>after<a href=”#” onClick=”jq()”>jQuery</a> </p>
clone() 复制一个jQuery对象
<p id=”test”>after</p><a href=”#” onClick=”jq()”>jQuery</a>jQuery代码及功能:
function jq(){  
     $(“#test”).clone().appendTo($(“a”));  
}复制$(“#test”)然后插入到<a>后,执行后相当于
<p id=”test”>after</p><a href=”#” onClick=”jq()”>jQuery</a><p id=”test”>after</p>
empty() 删除匹配对象的所有子节点
<div id=”test”>
  <span>span</span>
  <p>after</p>
</div>
<a href=”#” onClick=”jq()”>jQuery</a>jQuery代码及功能:
function jq(){  
    $(“#test”).empty();  
}执行后相当于
<div id=”test”></div><a href=”#” onClick=”jq()”>jQuery</a>
insertAfter(expr)   insertBefore(expr)
     按照官方的解释和我的几个简单测试insertAfter(expr)相当于before(elem),insertBefore(expr)相当于after (elem)
prepend (html)  prepend (elem)  prepend (elems)   在匹配元素的内部且开始出插入
通过下面例子区分append(elem)  appendTo(expr)  prepend (elem)