پارس وردپرس

تماس با پشتیبانی

0969 704 0911

6018 822 0935

parswp@yahoo.com

صفحه نخست
قوانین
تعرفه تبلیغات
پرداخت آنلاین
درباره ما
تماس با ما
    • سبد خریدتان خالی است.
  • سبد خرید

    محصولات انتخاب شده : 0

    قیمت کل : 0 ریال

    منوی اصلی

    کد امنیتی : 6 + 3

    گروه طراحی پارس وردپرس در سال 1390 فعالیت خود را در زمینه طراحی وبسایت های تفریحی ، خبری و … با استفاده از وردپرس آغاز نمود .

    مشتری محور بودن یکی از اساسی ترین اصول در نظر گروه طراحی پارس وردپرس می باشد . گروه طراحی پارس وردپرس متشکل از حرفه ای ترین افراد در زمینه های برنامه نویسی تحت وب ، تحلیل پروژه ، گرافیک و … است که همواره در تمامی مراحل پروژه در کنار شما خواهند بود .

    طراحی فیدخوان و سایت های خبری تحت وب یکی از خدمات اصلی گروه است که با جدیدترین متدها و تکنولوژی های برنامه نویسی صورت می پذیرد . مهمترین ویژگی قالب‌های جدید پارس وردپرس استاندارد سازی و بهینه سازی قالب برای جستجو در وب می باشد که در نتیجه آن موتورهای جستجو قادر خواهند بود محتوا و کلمات کلیدی را راحت تر از گذشته پیدا کنند و این امر صد در صد باعث پیشرفت سایت شما در سایتهایی مانند گوگل خواهد شد.این تیم مفتخر است که تکنولوژی جدید سئو (seo) را به کاربران خود در جهت ارتقاء ، با بهترین حالت ممکن برای بهینه سازی وب سایت بر پایه وردپرس هدیه کند.

  • E-Mail : parswp @ yahoo.com
  • Tel : 0911 - 704 - 0969 | 0935 - 822 - 6018
  •    تبلیغ اسلایدشو 240*848 - هزینه ماهانه 50,000 تومان (نمایش در صفحه نخست)
  •    تبلیغ بنری 240*120 - هزینه ماهانه 30,000 تومان (نمایش در تمام صفحات)
  •    تبلیغ بنری 60*468 - هزینه ماهانه 40,000 تومان (نمایش در تمام صفحات)
  •    تبلیغ بنری 60*468 - هزینه ماهانه 30,000 تومان (نمایش در تمام پیش نمایش ها)
  •    تبلیغ متنی - هزینه ماهانه 15,000 تومان (نمایش در تمام صفحات)
  • کد امنیتی : 6 + 3

    جلسه سوم : انتخاب گر ها در جی کوئری (Jquery Selectors)

  • دسته بندی ها : آموزش
  • ۲۱ اسفند ۱۳۹۴
  • 3276 بازدید
  • education-foundation-jquery-parswp

    سلکتور چیست ؟

    سلکتور همونطور که از اسمش پیداست برای انتخاب کردن المنت ها (جهت اعمال کد روی اون‌ها) در جی کوئری بکار میرود. برای انتخاب یه عنصر HTML به صورت مستقیم میتوانیم آن را  فراخوانی کنیم.

    حتما بخوانید : امکان چت (گفتگو ) در وردپرس با افزونه chat

    انتخاب همه عناصر (*)

    $(*).hide()

    با کد زیر میتوانید همه عناصر صفحه رو فراخوانی کنید.در این مثال همه عناصر با کلیک شدن ، hide میشوند.

    $(document).ready(function(){ $("*").click(function(){ $(this).hide(); }); });

    انتخاب عناصر در حال حرکت (animated)

    با کد زیر میتوانیم عناصری را که درحال حرکت هستند را انتخاب کنیم:

    $("div:animated").hide()

    انتخاب عناصر با خصوصیت دلخواه
    برای انتخاب عناصر بر اساس خصوصیت ها از کد زیر استفاده میکنیم.
    کد زیر لینک هایی که خاصیت href آنها با عبارت http شروع شود را hide میکند.

    $('a[href^="http"]').hide()

    کد زیر لینک هایی که خاصیت hreflang آنها en باشد یا با -en شروع شوند را hide میکند.

    $('a[hreflang|="en"]').hide()

    کد زیر عکس‌هایی را که خاصیت Alt آنها  برابر با www.parswp.ir باشد را  hide میکند.

    $('img[alt*="www.parswp.ir"]').hide()

    کد زیر عکسهایی را که شامل کلمه www.parswp.ir باشند را انتخاب میکند و  hide میکند.

    $('img[alt~="www.parswp.ir"]').hide()

    کد زیر همه لینک‌هایی که خصوصیت href آنها با کلمه”html” تموم میشود  را انتخاب میکند و  hide میکند.

    $('a[href$="html"]').hide()

    کد زیر فقط div هایی را که خصوصیت کلاس آنها  myclass باشد را انتخاب میکند و  hide میکند.

    $('div[class="myclass"]').hide()

    کد زیر فقط div هایی را که خصوصیت کلاس آنها  myclass نباشد را انتخاب میکند و  hide میکند.

    $('div[class!="myclass"]').hide()

    انتخاب دکمه ها

    کد زیر به همه button ها حاشیه ۳ پیکسلی میدهد . در این کد نحوه اعمال یک کد CSS به یک عنصر را می ببینید.

    $(":button").css({"border":"3px black solid"});

    انتخاب چک‌باکس ها

     کد زیر به همه چک‌باکس ها  حاشیه ۳ پیکسلی میدهد .

    $(":checkbox").css({"border":"3px black solid"});

    اگه بخوایم این نوع کدها فقط در محدوده یک عنصر خاص کار کنند ، به راحتی میتوانیم از اسم کلاس‌ها ، IDها یا تگ ها استفاده کنیم:

    $("#container .leftColumn input:checkbox").css({border:"3px black solid"});

    انتخاب Input های از نوع File
    برای انتخاب Input هایی که خصوصیت type آن‌ ها مقدار file دارد و برای انتخاب یک فایل جهت آپلود در سایت استفاده میشوند :

    $("input:file").css({border:"3px black solid"});

    انتخاب عنصرهای check شده
    این سلکتور checkbox ها و radio هایی را  که تیک خورده اند (انتخاب شده اند) را انتخاب میکند.

    $("input:checked").css({"border":"3px black solid"});

    در کد زیر با انتخاب هر دکمه رادیویی موجود در صفحه ، مقدار value آن ، در یک عنصر جدید که کلاس .log دارد ، نمایش داده میشود :

    $("input").click(function(){ $(".log").html( $(":checked").val() + " is checked!" ); });

    انتخاب عناصر فرزند

    درست مثل CSS میتوانیم در jQuery هم ، عناصر فرزند رو فراخوانی کنیم :

    $("ul.class1 > li").css({border:"3px black solid"});

    انتخاب بر اساس محتوا
    با کد contains میتوانیم عنصری که متن خاصی داخلش وجود دارد را انتخاب کنیم.
    کد زیر هر پاراگرافی که کلمه pasargad-graphic.com داخلش باشد را  نارنجی میکند.

    $("p:contains('pasargad-graphic.com')").css("color", "orange");

    انتخاب عنصرهای غیرفعال (disabled)
    کد زیر کلمه “DISABLED” را در همه input هایی که غیرفعال شدند مینویسد:

    $("input:disabled").val("DISABLED");

    انتخاب عنصرهای فعال (enabled)
    کد زیر برای همه input هایی که فعال هستند حاشیه قرمز میگذارد:

    $("input:enabled").css("border":"1px solid red");

    انتخاب عناصر خالی
    برای عناصری که هیچ متن یا تگی داخلشان نباشد. مثل تگ های زیر:

    <a></a> <li></li> <td></td>

    کد زیر همه تگ‌های خالی که داخل تگ body باشند را انتخاب میکند ، متن Empty Tag را داخلشان مینویسد و رنگ پیش زمینه آنها را قرمز میکند :

    $("body :empty").text("Empty Tag").css('background','red');

    انتخاب بر اساس اندیس
    با استفاده از eq میتوانیم از بین تعدادی عنصر یکسان ، عنصری با شماره خاص رو انتخاب کنیم.
    اگه یه لیست با ۳ تا li داشته باشیم ، شماره اندیس این سها li از ۰ تا ۲ هست (شمارش اندیس‌ها از ۰ شروع میشه)
    برای انتخاب عنصر اول:

    $("li:eq(0)").css("color","blue" );

    برای انتخاب عنصر دوم:

    $("li:eq(1)").css("color","blue" );

    انتخاب زوج و فرد

    کد زیر پاراگراف‌های زوج رو آبی میکند:

    $("p:even").css("color","blue");

    کد زیر پاراگراف‌های فرد رو قرمز میکند:

    $("p:odd").css("color","red");

    انتخاب چند عنصر
    برای انتخاب یه عنصر، از کدزیر  استفاده میکنیم :

    $(".myclass1").css("color":"orange");

    برای انتخاب چند تا عنصر ، کافیست نام عنصر را به همراه کاما “,” اضافه کنیم :

    $(".myclass1,.myclass2,.myclass3").css("color":"orange");

    کد بالا همه عناصری که کلاس myclass1 و myclass2 و myclass3 دارند را انتخاب میکند و رنگشان را به نارنجی تغییر میدهد.

    انتخاب عنصر اول
    “first” عنصر اول را از بین تعدادی عنصر انتخاب میکند.کد زیر اولین پاراگراف رو انتخاب میکند و border قرمز را به آن میدهد .

    $("p:first").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":"3px black solid"});

    gt: انتخاب عناصر بزرگتر
    اگه چندتا پاراگراف داشته باشیم و بخواهیم پیش زمینه پاراگراف سوم به بعد را عوض کنیم، میتوانیم از انتخابگر gt (Greater than…) استفاده کنیم:

    $('p:gt(3)').css("background":"yellow");

    کد بالا از بین همه پاراگراف ها، فقط پاراگراف سوم به بعد (۴ و ۵ و ۶ و…) را انتخاب میکند.

    lt: انتخاب عناصر کوچیکتر
    برای انتخاب عناصر قبل از مورد مشخص شده استفاده میشود :

    $('p:lt(3)').css("background":"orange");

    کد بالا از بین همه پاراگراف ها، فقط پاراگراف‌های قبل از پاراگراف سوم را انتخاب میکند (پاراگراف ۱ و ۲)و  پیش زمینه آنها را  نارنجی مکیند.

    انتخاب عناصر تک فرزند “only-child”
    ممکنه این جمله رو متوجه نشید:
    “اگه عنصری ، تنها عنصرِ عنصر والدِ خودش باشه ، انتخاب میشود”
    پس بیشتر توضیح میدم:
    اگه داخل عنصر والد ، ۲ تا عنصر فرزند داشته باشیم:

    <ul><li></li><li></li></ul>

    یعنی ul پدر ، ۲تا فرزند 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");

    منبع : پارس وردپرس

    , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,
    checked در جی کوئری چیست ؟
    empty در جیکوئری
    eq در جی کوئری چیست ؟
    even در جی کوئری چیست ؟
    first در جی کوئری
    gt در جی کوئری چیست ؟
    Jquery Selectors
    last در jquery چیست ؟
    last-child در جی کوئری چیست ؟
    odd در جی کوئری چیست ؟
    Selector
    selector ها در جی کوئری
    Selectors
    آموزش selector در jquery
    آموزش طراحی
    آموزش کامل سلکتورهای جی کوئری
    آموزش وردپرس
    انتخاب Attribute در جی کوئری
    انتخاب button در jquery
    انتخاب first-child یا فرزند اول در جی کوئری
    انتخاب last-child یا فرزند آخر در جی کوئری
    انتخاب بر اساس اندیس در جی کوئری
    انتخاب بر اساس محتوا در جیکوئری
    انتخاب پاراگراف‌های فرد در جی کوئری
    انتخاب تگ اول در jquery
    انتخاب چک باکس ها در جی کوئری
    انتخاب چند عنصر متفاوت در جی کوئری
    انتخاب دکمه ها در جی کوئری
    انتخاب زوج و فرد در جی کوئری
    انتخاب عناصر animated در jquery
    انتخاب عناصر با خصوصیت دلخواه در جی کوئری
    انتخاب عناصر خالی در جیکوئری
    انتخاب عناصر دارای انیمیشن در جی کوئری
    انتخاب عناصر در حال حرکت در جی کوئری
    انتخاب عناصر فرزند در جیکوئری
    انتخاب عنصر آخر در جیکوئری
    انتخاب عنصر اول در جی کوئری
    انتخاب عنصر دوم در جی کوئری
    انتخاب عنصرهای غیرفعال disabled در جیکوئری
    انتخاب عنصرهای فعال enabled در جیکوئری
    انتخاب فرزند n ام در جی کوئری
    انتخاب کردن المنت ها در جی کوئری
    انتخاب گر ها در jquery
    انتخاب هر دکمه رادیویی که تیک انتخاب خورده
    انتخاب همه عناصر در جی کوئری
    انتخاب یه عنصر HTML در jquery
    سلکتور در جی کوئری چیست ؟
    طراحی سایت
    طراحی سایت ارزان
    طراحی سایت حرفه ای
    طراحی سایت وردپرسی
    طراحی وب سایت
    قالب تفریحی
    قالب خبری
    قالب وردپرس
    کد انتخاب عناصر بر اساس خصوصیت ها در جی کوئری
    منفی کردن انتخابگر با not در jquery
    وردپرس

    راستی! ما یک راه نزدیک برای درکنار شما بودن پیدا کردیم :)

    کانال تلگرام پارس وردپرس

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

    شماره کارت : 2154-6486-3378-6104

    بانک ملت

    بنام : سینا شاهین

    شماره همراه 09358226018 ، 24 ساعته پشتیبان شما می باشد و پس از واریز برایتان ارسال خواهد شد .

    مطالب تصادفی
    سرما سیستم طراحی شده برای وردپرس
  • بازدید : 916
  • تاریخ : ۲۴ - ۱۰ - ۱۳۹۵
  • زمینه دلخواه پیشرفته نسخه حرفه ای – ACF Pro
  • بازدید : 745
  • تاریخ : ۱ - ۰۸ - ۱۳۹۵
  • حذف کردن www از اول سایت با htaccess
  • بازدید : 1573
  • تاریخ : ۱۴ - ۰۸ - ۱۳۹۴
  • طراحی سایت نمایندگان مجلس شورای اسلامی
  • بازدید : 1896
  • تاریخ : ۲۳ - ۱۰ - ۱۳۹۴
  • قالب ووکامرس فروشگاهی مگاشاپ megashop
  • بازدید : 2475
  • تاریخ : ۱۰ - ۰۸ - ۱۳۹۴
  • قالب هاست وردپرس استار هاست با پنل مدیریت
  • بازدید : 2244
  • تاریخ : ۱۵ - ۰۹ - ۱۳۹۴
  • سایت شرکت ماریزه
  • بازدید : 2334
  • تاریخ : ۲۸ - ۰۲ - ۱۳۹۴
  • چگونه یک وب سایت وردپرسی موفق داشته باشیم؟
  • بازدید : 2044
  • تاریخ : ۸ - ۰۸ - ۱۳۹۴
  • افزونه درخواست تدریس خصوصی سفارشی
  • بازدید : 370
  • تاریخ : ۳ - ۱۲ - ۱۳۹۵
  • نظرات کاربران


    کد امنیتی : 5 + 2
    طراحی سایت

    طراحی وبسایت تخصص ماست ، شما می توانید برای مشاوره و دریافت قیمت از لینک زیر یا شماره های سایت اقدام نمائید.

    هم اکنون سفارش دهید
    newslatter

    خبرنامه :

    با عضویت در خبرنامه هــــــیچ یک از مطالب سایـت را از دسـت نخواهید داد و همیـشه بروز خواهـید بود

    خبرنامه اینترنتی
    load
    ربات پارس وردپرس

    ربات هوشمند پارس وردپرس

    هم اکنون وارد شوید
    همراه ما باشید ...
  • جدید ترین ها

  • افزونه ها

  • اخبار وردپرسی

  • لطفا شکیبا باشید ...
  • تبلیغات

  • کلیک کنید

    کدنویسی CSS3

    کدنویسی بوسیله استایل دهی برای زیباسازی و سرعت بارگذاری بهتر قالب ها .

    واکنشگرا

    قابلیت ریسپانسیو بودن برای نمایش بهتر در موبایل ها و تبلت ها .

    کدنویسی HTML5

    کدنویسی قالب برپایه جدیدترین متدهای روز انجام می پذیرد .

    پشتیبانی حرفه ای

    تیم پارس وردپرس از ساعت 9 صبح الی 20 پاسخگوی شما خواهد بود .

    پنل مدیریت آسان

    شما می توانید با پنل مدیریت قالب ، مدیریت آسان را تجربه کنید .

    طراحی سایت
    طراحی سایتسئوسرویس و تعمیر کولر گازیفروش ویلا و اجاره ویلااجاره ویلافروش ویلا
    telegram instagram