طراحی سایت و تجارت آنلاین آواتم

انتخاب عناصر تک فرزند “only-child” ممکنه این جمله رو متوجه نشید: “اگه عنصری ، تنها عنصرِ عنصر والدِ خودش باشه ، انتخاب میشود” پس بیشتر توضیح میدم: اگه داخل عنصر والد ، 2 تا عنصر فرزند داشته باشیم: <ul><li></li><li></li></ul> یعنی ul پدر ، 2تا فرزند li داره ، ولی اگر فقط یک فرزند داشته باشد: <ul><li></li></ul>  سلکتور only-child در جی کوئری ، فقط عناصری را انتخاب میکند که هیچ عنصر مشابهی ، قبل یا بعد آنها وجود نداشته باشد. در کد زیر ، فقط li هایی که تک فرزند باشند ، border آبی میگیرند. $("ul li:only-child").css("border", "3px solid blue"); انتخاب first-child یا فرزند اول first-child عنصر فرزند اول را از بین تعدادی عنصر انتخاب میکند. تقریبا شبیه first کار میکند. کد زیر اولین پاراگراف داخل تگ div را انتخاب میکند و border قرمز به آن میدهد . $("div p:first-child").css("border":"1px solid red"); , عناصر تک فرزند, فرزند اول ...ادامه مطلب

انتخاب first-child یا فرزند اول first-child عنصر فرزند اول را از بین تعدادی عنصر انتخاب میکند. کد زیر اولین پاراگراف داخل تگ div را انتخاب میکند  و border قرمز را به آن میدهد .                                      $("div p:first-child").css("border":"1px solid red"); انتخاب عنصر آخر “Last” عنصر آخر را از بین تعدادی عنصر انتخاب میکند.کد زیر آخرین پاراگراف را انتخاب میکند و border سبز را به آن میدهد . $("p:last").css("border":"1px solid green"); انتخاب last-child یا فرزند آخر first-child عنصر فرزند اول را از بین تعدادی عنصر انتخاب میکند. تقریبا شبیه Last کار میکند.کد زیر آخرین پاراگراف داخل تگ div را انتخاب میکند و border قرمز را به آن میدهد . $("div p:last-child").css("border":"1px solid green"); انتخاب فرزند n ام nth-child فرزند n ام را از بین تعدادی عنصر انتخاب میکند. کد زیر سومین پاراگراف داخل تگ div را انتخاب میکند و رنگ متنش را آبی میکند. $("div p:nth-child(3)").css("color":"blue"); انتخاب عنصر دارای خصوصیت با این انتخابگر میشود عناصری را انتخاب کرد که Attribute های خاصی دارند.مثلا با کد زیر همه عکس‌هایی که خصوصیت Alt داشته باشند را انتخاب میکند و  border قرمز را به آن میدهد . $('img[alt]').css("border":"4px solid red"); منفی کردن انتخابگر با not هنگامی که میخواهیم نتیجه را برعکس کنیم از این انتخابگر استفاده میکنیم ، کد زیر  به چک باکس های تیک خورده border سه پیکسلی میدهد. $("input:checked").css({"border":"3px black solid"}); کد زیر  به چک باکس های تیک خورده border سه پیکسلی میدهد ، که با اضافه کردن :not ، چک باکس های تیک نخورده رو انتخاب میکنیم: $("input:not(:checked)").css({"border":",فرزند اول, عنصر آخر,فرزند آخر,فرزند n ام,عنصر دارای خصوصیت,منفی کردن انتخابگر, عناصر بزرگتر, ...ادامه مطلب

کدهای جاوا اسکریپت یک ترتیبی از دستورات جاوا اسکریپت است. هر دستور جاوا اسکریپت به ترتیبی که نوشته شده اند بوسیله مرورگرها قابل اجرمی باشد. این مثال یک عنوان و دو پاراگراف را در صفحه وب می نویسد <script type="text/javascript">       document.write("<h1>This is a header</h1>");       document.write("<p>This is a paragraph</p>");       document.write("<p>This is another paragraph</p>"); </script> تعریف متغییر: - انواع متغیر در جاواسکریپت: دو نوع متغیر داریم : 1) ابتدایی  2) اشیا متغیرهای ابتدایی: به دسته های زیر تقسیم میشوند:  String و Number و Boolean و null و undefined از null زمانی استفاده کنید که بخواهید عامدانه بگویید که تا به حال مقداری برای متغیر مورد نظر تعریف نشده است. مثل var varNovalueYet = null و از undefined زمانی استفاده -سایر متغیر هایی که می شناسیم همگی object یا شی هستند که عبارتند از Object و Array و Function تعریف شی: -         به روش زیر یک ی ایجاد میکنیم var person1 = new Object; person1.firstName = "John"; person1.lastName = "Doe"; alert( person1.firstName + " " + person1.lastName ); syntax: var person2 = { firstName: "Jane", lastName: "Doe" }; alert( person2.firstName + " " + person2.lastName );,کدهای جاوا اسکریپت ...ادامه مطلب

یک دستور جاوا اسکریپت JavaScript یک فرمان به مرورگر است . هدف این دستورات این است که به مرورگر بگویید که چه کاری باید انجام دهد. این دستور جاوا اسکریپت JavaScript به مرورگر می گوید که "Hello " را بر روی صفحه وب نشان دهد: document.write("Hello"); ,دستورات جاوا اسکریپت ...ادامه مطلب

جاوا اسکرپت چیست؟ جاوا اسکرپت یک زبان اسکرپت نویسی تحت وب است که برای افزایش پویایی صفحات HTML استفاده می شود. از این زبان می توان برای ارزیابی اعتبار فرمهای HTML قبل از ارسال به سرور، ایجاد انواع منو ها، شناسایی مرورگر کاربران و بسیاری کارهای دیگر استفاده کرد. زبان های برنامه نویسی تحت وب  به دو دسته تحت کاربر  و تحت سرور  تقسیم بندی می شوند. زبان های تحت کاربر زبان هایی هستند که بوسیله مرورگر و فقط بر روی کامپیوترهای مشتری اجرا می شوند. در واقع برای اجرای این گونه زبان ها به سرورها نیازی نیست. زبان هایی همچون JAVASCRIPT و CSS ،HTMLاز این دست هستند.در مقابل این زبان ها ، زبان های تحت سرور وجود دارند که برای اجرا نیاز به سرور ها داشته ، اینگونه زبان ها امکان برقراری ارتباط با پایگاه داده  را دارند. زبان هایی همچونASP،PHPو   JSPاز این دست هستند. زبانJavaScriptیکی از زبان های مهم برنامه نویسی وب و تحت کاربرمی باشد.         تفاوت دستورات اچ تی ام ال و جاوا  • بعد از نوشتن اولین دستور برنامه نویسی، بهتر است با مفهوم این دستورات آشنا شویم. همانطور که ملاحظه کردید، میان یک دستور جاوا با اچ‌تی‌ام‌‌ال، تفاوت است. اچ‌تی‌ام‌ال، یک صفحه ساده و ثابت را به ما می‌دهد؛ و جاوا، یک صفحه متحرک و هوشمند. با اچ‌تی‌ام‌ال، بدنه و اسکلت یک صفحه (متن، عکس، جدول و فرم) را می‌سازیم و با جاوا به این بدن و اسکلت، روح می‌دمیم و آنرا زنده می‌کنیم؛ تا آن حد که نسبت به هر عملی، واکنش و عکس العمل مناسبی را نشان می‌دهد. مثال: یک فرم ارسال نامه را تصور کنید. اگر مثلا نام خود یا آدرس گیرنده را اشتباهاً ننویسید، برنامه، با پیامی این موضوع را به شما یادآوری می‌کند. یعنی اینکه متوجه عمل شما شده و یک واکنش مناسب، نشان می‌دهد. در این جلسه با این مقوله، یعنی هوشمند بودن جاوا، آشنا می‌شویم.  ,جاوا اسکرپت چیست ...ادامه مطلب