JQuery appends elements to methods such as Append, prepend, Before,after

Source: Internet
Author: User

1.jQuery Append () method

The JQuery append () method inserts the content at the end of the selected element.
Instance

Copy CodeThe code is as follows:
$ ("P"). Append ("Some appended text.");



2.jQuery prepend () method

The JQuery prepend () method inserts content at the beginning of the selected element.
Instance

Copy CodeThe code is as follows:
$ ("P"). Prepend ("Some prepended text.");


3. After () and before () methods

The JQuery after () method inserts content after the selected element.
The JQuery before () method inserts content before the selected element.
Instance

Copy CodeThe code is as follows:
$ ("img"). After ("Some text after");
$ ("img"). Before ("Some text before");

A little bit of the script below to add

The Append () method inserts the content at the end of the selected element.

The Prepend () method inserts the content at the beginning of the selected element.

The After () method inserts content after the selected element.

The Before () method inserts the content before the selected element.

Demo Code:

?
12345678910111213141516171819 <script type="text/javascript" src="http://common.jb51.net/jslib/jquery/jquery.min.js"></script><div class="testdiv">  <ul>    <li>第一个li标签</li>  </ul></div><script>  //append  $(‘.testdiv ul‘).append(‘<li>append 插入的li</li>‘);  //prepend  $(‘.testdiv ul‘).prepend(‘<li>prepend 插入的li</li>‘);  //after  $(‘.testdiv ul‘).after(‘<li>after 插入的li</li>‘);  //before  $(‘.testdiv ul‘).before(‘<li>before 插入的li</li>‘);</script>

JQuery appends elements to methods such as Append, Prepend, Before,after (RPM)

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.