jquery wrap()和wrapInner()方法包裹元素和内容

2015-01-24 11:08:03

使用wrap()和wrapInner()方法包裹元素和内容

wrap()和wrapInner()方法都可以进行元素的包裹,但前者用于包裹元素本身,后者则用于包裹元素中的内容,它们的调用格式分别为:

$(selector).wrap(wrapper)和$(selector).wrapInner(wrapper)

参数selector为被包裹的元素,wrapper参数为包裹元素的格式。
 

  1. <body> 
  2.      <h3>使用wrapInner()方法包裹元素</h3> 
  3.      <span class="red" title='a bit sleepy'>我有点困了。。</span> 
  4.       
  5.      <script type="text/javascript"
  6.          $(".red").wrapInner("<i></i>"); 
  7.      </script> 
  8.  </body> 
  9. <html> 
jquery wrap()

为您推荐