آموزش jquery کار با محتویات صفحه حرفه ای قسمت ششم

ادامه آموزش کار با محاوای صفحات با jquery به صورت حرفه ای

با استفاده از 3 روشی که در آموزش 5 داده شد ، درون محتوای HTML مقدار می‌گذاریم.

 

قرار دادن محتوای با استفاده از ()text و ()html و ()val :

 

مثال زیر را در نظر بگیرید :

Button با آی‌دی btn1 : تنها محتوای المنت p را تغییر می‌دهد.
Button با آی‌دی btn2 : درون المنت p محتوایی دارای کدهای HTML قرار می‌دهد.
Button با آی‌دی btn3 : محتوای input را تغییر می‌دهد.
 
تغییر محتویات با ()attr :

Button با آی‌دی btn1 : تنها محتوای المنت p را تغییر می‌دهد.

Button با آی‌دی btn2 : درون المنت p محتوایی دارای کدهای HTML قرار می‌دهد.

Button با آی‌دی btn3 : محتوای input را تغییر می‌دهد.

 

تغییر محتویات با ()attr :

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#w3s").attr("href","http://www.w3schools.com/jquery");
  });
});
</script>
</head>

<body>
<p><a href="http://www.w3schools.com" id="w3s">W3Schools.com</a></p>
<button>Change href Value</button>
<p>Mouse over the link (or click on it) to see that the value of the href attribute has changed.</p>
</body>
</html>

اکنون با کلیک بر روی Button ، تگ a ، خاصیت href آن تغییر می‌کند.

نمونه ای از آخرین کارهای ما

آموزش jquery کار با محتویات صفحه حرفه ای قسمت ششمReviewed by Goolexacom on Mar 23Rating: 5.0

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

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

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

پشتیبانی سایت سئو سایت

خدمات سایت

سئو

خدمات سایت

پشتیبانی سایت سئو سایت خدمات سایت