jQuery HTML (jQuery HTML)
می خواهی متن و HTML عناصر را عوض کنی؟ «jQuery HTML» کمک می کند. «محتوا (Content)» یعنی متن یا تگ های داخل یک عنصر. با jQuery کد کوتاه تر می شود. با جاوااسکریپت استاندارد هم می شود انجام داد.
jQuery در برابر JavaScript استاندارد
jQuery برای ساده سازی DOM ساخته شد. اما بعد از ES5، بیشتر کارها با چند خط جاوااسکریپت انجام می شود. با این حال، سینتکس jQuery هنوز سریع و خواناست.
نکته: اگر ابتدا با jQuery انتخابگرها آشنا شوی، کار راحت تر می شود. سپس به سراغ jQuery HTML برو.
قرار دادن متن (Set Text)
«متن (Text)» یعنی محتوای بدون تگِ داخل عنصر. این روش امن است و تگ ها را اجرا نمی کند.
myElement.text("Hello Sweden!");
myElement.textContent = "Hello Sweden!";
گرفتن متن (Get Text)
متن فعلی عنصر را بخوان. سپس مثلاً در صفحه نشان بده.
myText = $("#02").text();
myText = document.getElementById("02").textContent;
قرار دادن HTML (Set HTML)
«HTML» یعنی می توانی تگ بفرستی. مراقب باش، چون تگ ها اجرا می شوند.
myElement.html("<p>Hello World</p>");
myElement.innerHTML = "<p>Hello World</p>";
گرفتن HTML (Get HTML)
HTML داخل عنصر را بخوان. سپس ذخیره یا نمایش کن.
content = myElement.html();
content = myElement.innerHTML;
گام های عملی
- عنصر هدف را انتخاب کن.
- متن می خواهی یا HTML؟ تصمیم بگیر.
- برای متن از text یا textContent استفاده کن.
- برای HTML از html یا innerHTML استفاده کن.
جمع بندی سریع
- text امن تر از HTML است.
- html تگ ها را اجرا می کند.
- jQuery کوتاه تر، اما ونिला هم کافی است.
- اول انتخابگر درست را پیدا کن.
منابع داخلی: jQuery انتخابگرها، jQuery HTML، و ادامه استایل دهی در jQuery CSS.