گروه مقاله : جاوا اسكريپت Java Script
تاريخ انتشار : 1396/05/28 - 11:33
كد :7790
در این مقاله نحوه کار با صفحات داینامیک به کمک جی کوئری را آموزش میدهیم.
جی کوئری متدهای قدرتمندی برای تغییر و بکارگیری عناصر HTML و صفات آنها دارد.
بکارگیری jQuery DOM
یکی از مهمترین قسمتهای جی کوئری امکان بکارگیری DOM است.
جی کوئری با متدهای DOM فراوانی ارائه میگردد ،که باعث سهولت بکارگیری عناصر و صفات میشود.
DOM = Document Object Model
DOM استانداردی برای دسترسی به عناصر HTML و XML است:
W3C Document Object Model (DOM) : یک پلتفرم و زبانی برای تعریف اسکریپتهای داینامیک کردن محتوا، ساختار و استایل یک سند است.
دریافت محتوا با متد های text(), html() و val()
سه متد ساده ولی کاربردی برای بکارگیری DOM عبارتند از:
- text() : تنظیم و یا دریافت محتوای متی از تگ انتخاب شده .
- html() : تنظیم و دریافت محتوای از تگ انتخاب شده بهمراه کدهای html
- val() : تنظیم و دریافت مقدار یک فیلد از یک فرم.
مثال زیر نشان میدهد که چطور با متدهای text() و html() محتوا را دریافت کنیم:
مثال
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
مشاهده نتیجه
مثال زیر نشان میدهد که چگوه از متد val() در جی کوئری برای دریافت یک مقدار از یک فیلد استفاده کنیم.
مثال
$("#btn1").click(function(){
alert("Value: " + $("#test").val());
});
مشاهده نتیجه
دریافت صفات با متد attr()
متد attr() در جی کوئری برای دریافت مقدار یک صفت استفاده خواهد شد.
مثال زیر نحوه استفاده از این متد برای دریافت صفت href را به شما نشان میدهد:
مثال
$("button").click(function(){
alert($("#w3s").attr("href"));
});
مشاهده نتیجه
براي بهره مندي از مشاوره تخصصي در زمینه طراحی سایت در کرج با شرکت سارگون تماس بگيريد