0
0
0
آموزش jquery قسمت ششم کار با Insert Content
آموزش jquery قسمت ششم کار با Insert Content
در قسمت ششم از آموزش jquery به مفهوم Insert Content در jquery می پردازیم.
از دو دستور append و prepend برای درج متن استفاده می شود.
Append یک متن را آخر یک عنصر درج می کند ولی prepend قبل یک عنصر متن را درج می کند
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>iranganj</title>
<script src="jquery/jquery-2.1.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("p").append("this is ");
$("p").prepend("this is ");
});
</script>
</head>
<body>
<p>iranganj 1</p>
<p>iranganj 2</p>
<p>iranganj 3</p>
</body>
</html>
از دو دستور appendTo و prependTo نیز برای درج متن استفاده می شود.
این دستورات همانند دو دستور append و prepend عمل می کند ولی با این تفاوت که در آنها از first و last استفاده شده است.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>iranganj</title>
<script src="jquery/jquery-2.1.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("p:last").appendTo("p:first");
//$("p:last").prependTo("p:first");
});
</script>
</head>
<body>
<p>iranganj 1</p>
<p>iranganj 2</p>
<p>iranganj 3</p>
</body>
</html>
این مطلب را به اشتراک بگذارید...
نظر / سوال