12) ارسال اطلاعات به تگ ها با جی کوئری (Set)

یکی از کارهایی که به کمک جی کوئری میتوانیم انجام دهیم ارسال اطلاعات به تگ ها توسط جی کوئری است.جی کوئری سه متد در اختیار ما قرار میدهد تا به کمک آنها به تگ ها دسترسی داشته باشیم و بتوانیم داده ای را در داخل آنها ارسال کنیم.

متد ()text

متد اول ()text است که متن یا داده ای را به  داخل تگ سلکتورمان ارسال میکند. روش استفاده از این متد به صورت زیر است:

$("#btn1").click(function(){
  $("#test1").text("Hello world!");
});

این کد به این صورت عمل میکند که اگر روی دکمه با آی دی btn کلیک کنیم، متن Hello world داخل تگ با آی دی test1 قرار میگیرد.

متد ()html

دومین متد که جی کوئری برای ارسال اطلاعات در اختیار ما قرار میدهد ()html است. این متد هم مانند متد قبلی اطلاعات را به تگ ما ارسال میکند اما با این تفاوت که اگر داخل محتوای ما تگ html قرار داشته باشد آن تگ را هم اعمال میکند ولی در حالتی که از  متد ()text استفاده میکنیم این اتفاق نمی افتد و کد های html به صورت داده ی متنی قرار مگیرند. در ادامه با یک مثال این مسئله را میتوانید مشاهده کنید.

متد ()val

هنگام کار با فرم ها و input ها ، این متد به کمک ما می آید و مقداری که داخل آن قرار گرفته است را به جای خصیصه ی  value برای آن input در نظر میگیرد. روش کار با این متد قدری متفاوت تر از دو متد قبلی است. در مثال زیر میتوانید روش کار با این متد را به طور کامل مشاهده کنید.

$("#btn").click(function(){
  $("#test3").val("megajs");
});

در این کد بیان شده است که هر گاه بر روی دکمه با آی دی btn کلیک شد به عنوان مقدار value متن megajs قرار بگیرد. در آینده مثال های بیشتری از کاربرد این متد ها در اختیار شما دوستان عزیز قرار خواهیم داد.