0
0
آموزش jquery قسمت هفتم کار با Replacing Content
آموزش jquery قسمت هفتم کار با Replacing Content
در قسمت هفتم از آموزش jquery به مفهوم Replacing Content در jquery می پردازیم.
Replacing Content به این معنی است که شما بتوانید یک عنصر یا چیز خاص را جایگزین چیز دیگری بکنید.
از wrap و wrapAll برای جایگزین کردن استفاده می شود.
Wrap برای تک تک عناصر انتخابی اعمال می کند ولی wrapAll یک جا در کل عناصر اعمال می کند.
<!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").wrap("<div style='color:Red'>"); $("p").wrapAll("<div style='border:3px solid red'>"); }); </script> </head> <body> <p>iranganj</p> <p>iranganj</p> </body> </html>
از متد empty برای خالی کردن یک عنصر انتخابی استفاده می شود.
منظور از خالی کردن یعنی اگر چیزی بین تگ p نوشته شده باشد را پاک می کند.
<!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").empty(); }); </script> </head> <body> <p>iranganj</p> </body> </html>
از متد remove برای حذف عنصر یا عناصر انتخابی استفاده می شود.
<!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").remove(); }); </script> </head> <body> <p>iranganj</p> </body> </html>
نظر / سوال