如何使用 jQuery 在页面上移动元素？

Question

I'm trying to use HTML and CSS to make a paragraph tag move form left to right when the user clicks it. How can I do something like this?

Answer 1

You can use jQuery's animate to move elements. Check the following example:

 $(document).ready(function(){ $("button").click(function(){ $(".text-box").animate({left: '250px'}); }); });

 .text-box{ background:#98bf21; height:auto; max-width:400px; width:auto; position:absolute; }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <button>Move Element!!</button> <div class="text-box""><p>By default, all HTML elements have a static position, and cannot be moved. To manipulate the position, remember to first set the CSS position property of the element to relative, fixed, or absolute!</p></div>