jQuery 使用手册(二)

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

<p id=”a”>p</p>
<div>div</div>执行$(“#a”).append($(“div”)) 后相当于
<p id=”a”>
  <div>div</div>
</p>执行$(“#a”).appendTo($(“div”)) 后 相当于
<div>
   div
   <p id=”a”>p</p>
</div>执行$(“#a”).prepend ($(“div”)) 后 相当于
<p id=”a”>
   <div>div</div>
</p>
remove()  删除匹配对象
注意区分empty(),empty()移出匹配对象的子节点,remove(),移出匹配对象
wrap(htm) 将匹配对象包含在给出的html代码内
<p>Test Paragraph.</p> <a href=”#” onClick=”jq()”>jQuery</a>jQuery代码及功能:
function jq(){  
      $(“p”).wrap(“<div class=’wrap’></div>”); 
}执行后相当于
<div class=’wrap’><p>Test Paragraph.</p></div>
wrap(elem) 将匹配对象包含在给出的对象内
<p>Test Paragraph.</p><div id=”content”></div>
<a href=”#” onClick=”jq()”>jQuery</a>jQuery代码及功能:


function jq(){  
      $(“p”).wrap( document.getElementById(‘content’) );
}

执行后相当于


<div id=”content”><p>Test Paragraph.</p></div>


遍历、组合
add(expr)  在原对象的基础上在附加符合指定表达式的jquery对象


<p>Hello</p><p><span>Hello Again</span></p>
<a href=”#” onClick=”jq()”>jQuery</a>jQuery代码及功能:
function jq(){
     var f=$(“p”).add(“span”);    
     for(var i=0;i < $(f).size();i++){
     alert($(f).eq(i).html());}
}执行$(“p”)得到匹配<p>的对象,有两个,add(“span”)是在(“p”)的基础上加上匹配<span >的对象,所有一共有3个,从上面的函数运行结果可以看到$(“p”).add(“span”)是3个对象的集合,分别是 [<p>Hello</p>],[<p><span>Hello Again</span></p>],[<span>Hello Again</span>]。
add(el)  在匹配对象的基础上在附加指定的dom元素。