با عرض سلام و وقت بخیر خدمت کاربران سایت پی وی لرن . با شما هستیم با دوره کامل آموزش jQuery در فصل قبلی این دوره ، ما به آموزش چگونگی کار با افکت ها و ساختار آن ها در jQuery ، پرداختیم. اکنون وارد فصل جدیدی شده ایم. که به آموزش کار با عناصر HTML در jQuery ، می پردازیم. و در بخش اول، به مبحث کار با محتوا و ویژگی های HTML در jQuery یا دستکاری DOM در جی کوئری ، می پردازیم.
بخش هایی که در فصل قبلی به آن پرداختیم. شامل موضوعات جالب و کاربردی بود. که از جمله می توان به Animation در jQuery و در بخش پایانی، توابع زنجیری در jQuery ، اشاره کرد.
اکنون به موضوع اصلی این بخش، کار با محتوا و ویژگی های HTML در jQuery ، می پردازیم.
jQuery دارای توابع قدرتمندی ، برای دسترسی و دستکاری عناصر HTML ، می باشد.
یکی از مهمترین بخش ها در jQuery ، دستکاری DOM است. DOM یک استاندارد را برای دسترسی به اسناد HTML و XML را تعریف می کند.
از مهمترین توابع دستکاری DOM ، می توان به موارد زیر اشاره کرد:
مثال زیر چگونگی دسترسی و دریافت محتوای عناصر html را با استفاده از توابع ()text و ()html ، نشان می دهد:
1 2 3 4 5 6 | $("#btn1").click(function(){ alert("Text: " + $("#test").text()); }); $("#btn2").click(function(){ alert("HTML: " + $("#test").html()); }); |
مثال زیر نحوه دسترس و دریافت محتوای عناصر html را، با استفاده از تابع ()val ، نشان می دهد:
1 2 3 | $("#btn1").click(function(){ alert("Value: " + $("#test").val()); }); |
از تابع ()attr در jQuery نیز، برای دسترسی و دستکاری مقادیر صفات و ویژگی های عناصر html ، استفاده می شود.
مثال زیر چگونگی استفاده از تابع ()attr را، برای دسترسی به صفت href ، یکی از عناصر را نشان می دهد:
1 2 3 | $("button").click(function(){ alert($("#w3s").attr("href")); }); |
در اولین بخش از فصل کار با html در jQuery ، به مبحث کار با محتوا و ویژگی های HTML در jQuery ، و چگونگی استفاده از توابع آن با ذکر مثال، اشاره کردیم. امیدواریم که این مطالب آموزشی، مورد توجه و استفاده شما قرار بگیرد.