آموزش بخش Get (دریافت محتوا) در JQuery

بهاره حسنیبهاره حسنی
157 بازدید
get content
[cdb_box_content]

با سلام خدمت همراهان همیشگی وب سایت پرنیان طرح

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

میتوانید برای مطالعه مقالات دیگر جی کوئری به این لینک مراجعه کنید.

در آموزش امروز قصد داریم در مورد jQuery Get در کتابخانه جی کوئری صحبت کنیم.

در ادامه همراه ما باشید.

[/cdb_box_content]
[cdb_box_content]

مقدمه


JQuery شامل روش های قدرتمندی برای تغییر و دستکاری عناصر و ویژگی های Html است.

یکی از بخش های مهم JQuery امکان دستکاری بخش DOM است.

JQuery با یکی از روش های مرتبط با DOM همراه است که دسترسی و دستکاری عناصر و ویژگی ها را آسان میکند.

 

[/cdb_box_content]
[cdb_box_content]

()Get Content – text(), html(), and val:

سه روش ساده اما مفید JQuery برای دستکاری DOM عبارتند از:

  • () text : محتوای متن عناصر انتخاب شده را تنظیم یا برمیگرداند.
  • () html :محتوای عناصر انتخاب شده را تنظیم یا برمیگرداند.
  • () val : مقدار فیلد های فرم را تنظیم یا برمیگرداند.

برای توضیح بیشتر به مثال زیر توجه کنید.

مثال :

[php]

<head>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js”></script>
<script>
$(document).ready(function(){
$(“#btn1”).click(function(){
alert(“Text: ” + $(“#test”).text());
});
$(“#btn2”).click(function(){
alert(“HTML: ” + $(“#test”).html());
});
});
</script>
</head>
<body>

<p id=”test”>This is some <b>bold</b> text in a paragraph.</p>

<button id=”btn1″>Show Text</button>
<button id=”btn2″>Show HTML</button>

</body>

[/php]

خروجی این مثال را در این لینک ببینید.

[/cdb_box_content]
[cdb_box_content]

()Get Attributes – attr:

از متد ()attr در جی کوئری برای بدست اوردن مقادیر ویژگی ها استفاده میشود.

مثال زیر چگونگی به دست اوردن مقدار صفت href را در یک لینک نشان میدهد.

مثال :

[php]

<head>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js”></script>
<script>
$(document).ready(function(){
$(“button”).click(function(){
alert($(“#w3s”).attr(“href”));
});
});
</script>
</head>
<body>

<p><a href=”https://www.w3schools.com” id=”w3s”>W3Schools.com</a></p>

<button>Show href Value</button>

</body>

[/php]

خروجی این مثال را در این لینک ببینید.

[/cdb_box_content]
دسته بندی JQuery
اشتراک گذاری

نوشته های مرتبط

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

22+ محصولات
401+ سفارشات تکمیل شده
2086+ کاربران
399+ مطالب وبلاگ
سبد خرید

هیچ محصولی در سبد خرید نیست.

ورود به سایت