بکارگیری jQuery DOM
یکی از مهمترین قسمتهای جی کوئری امکان بکارگیری DOM است.
جی کوئری با متدهای DOM فراوانی ارائه میگردد ،که باعث سهولت بکارگیری عناصر و صفات میشود.
DOM = Document Object Model
DOM استانداردی برای دسترسی به تگ های HTML و XML است
دریافت محتوا با سه روش val() , txt() و html
سه متد ساده ولی کاربردی برای بکارگیری 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"));
});خلاصه درس
جی کوئری با متدهای DOM فراوانی ارائه میگردد ،که باعث سهولت بکارگیری عناصر و صفات میشود.
توسعه دهندگان
آریان آذر
