ငါတို့သည်အဘယ်ကြောင့်မလိုအပ်ပါဘူးနှင့် JQuery-selector မှတ်တမ်းတင်ဖို့ဘယ်လို?

ခေတ်သစ်က်ဘ်ဆိုက်ဒီဇိုင်နာကျွမ်းကျင်သင့်တယ်မသာ က HTML ၏အခြေခံ သည့် CSS ကိုနှင့် JavaScript ကို, ဒါပေမယ့်လည်းက HTML-စာရွက်စာတမ်းများနှင့်အတူ JavaScript ကို၏အပြန်အလှန်အပေါ်အလေးပေးသော JQuery စာကြည့်တိုက်အတွက်အလုပ်မလုပ်နိုင်ကြစေသတည်း။ ဒါကြောင့်မည်သည့်ဒြပ်စင် DOM (အကြောင်းအရာ html-ဖိုင်များ access ကိုထောက်ပံ့ပေးကြောင်း application programming interface) မှအမြန် access ကိုခွင့်ပြုသူတို့ကို manipulate သော။ စာကြည့်တိုက်၏အဓိကအခြေခံအဆောက်အဦးယူနစ်အဖွဲ့ဖြစ်ကြသည်။ တစ်ဦးသို့မဟုတ်အခြားအဖွဲ့လျှောက်ထားနိုင်ရန်အတွက်, သင်က JQuery-selector လိုအပ်ပါတယ်။

JQuery စာကြည့်တိုက်အတွက်ဖော်မြူလာ selector တွေကို

JQuery အတွက် selector တွေကို CSS ကိုအသုံးပြုအပေါ်အခြေခံပါတယ်။ သူတို့ (အဖွဲ့) ကြိုးကိုင်ဤသို့မဟုတ်အခြားနည်းလမ်းများစေခြင်းငှါသူတို့သုံးစွဲဖို့, ပစ္စည်းက HTML-ဖိုင်ကိုရွေးရန်လိုအပ်သည်။ ရှာရန်အတွက် selector $ () function ကိုကနေတဆင့်ထုတ်ယူသွားတတ်၏။ ဥပမာအားဖြင့်, $ ( 'div') ။

အဆိုပါ selector တွေကိုဒြပ်စင်ကိုဘယ်လိုရွေးချယ်ပေါ် မူတည်. ခွဲခြားနိုင်ပါတယ်:

• အခြေခံ;
• attribute ကိုအားဖွငျ့၎င်းငျး,
• အဆိုပါအဆင့်ဆင့်;
• အကြောင်းအရာ;
• အဆိုပါအခြေအနေအပေါ်;
• ပုံစံလယ်ရွေးချယ်မှု;
• အခြားသူတွေ။

Key ကို selector တွေကို

ဒီစာကြည့်တိုက်တွေကိုအသုံးပြုတဲ့အခါရောဂါဖြစ်ပွားမှု၏ 90% အတွက်အဓိကအုပ်စုတစ်စုမှပိုင်ဆိုင် JQuery-selector ကိုအသုံးပြုသည်။ ထိုသူအပေါင်းတို့သည်အတော်လေးရိုးရှင်းပြီးရှင်းရှင်းလင်းလင်းဖြစ်ကြသည်။ ကျွန်တော်တို့ကိုသူတို့တစ်ဦးစီထည့်သွင်းစဉ်းစားကြစို့:

• * - ဦးခေါင်း, ကိုယ်ခန္ဓာ, စသည်တို့အပါအဝင်အားလုံးစာမျက်နှာဒြပ်စင်ရွေးချယ်; ။
• p / div / sidebar မှာ / ... - ( ... စသည်တို့ p.div, sidebar မှာ, ရန်ဆိုလိုသည်မှာ) ကိုကြိုတင်သတ်မှတ်ထားသော tag ကိုနှငျ့ပတျသကျအားလုံး element တွေကိုရွေးချယ်;
• .myClass / p.myClass - သတ်မှတ်ထားသောအတန်းအစားအမည်ဖြင့်ဒြပ်စင်ရွေးချယ်;
• # MyID / p # myID - ။ ပေးထားသော ID ကိုအတူတစုံတယောက်သောသူသည်ကို item ရွေးချယ်သည်။

ဒီနေရာတွင်ဥပမာတစ်ခုဖြစ်ပါတယ်။ ရဲ့ကျွန်တော်ကိုအောက်ပါအတိုင်းဖြစ်ရလိမ့်မည်တန်းတူလူတန်းစား entry ကိုအတူစာမျက်နှာပေါ်မှာရှိသမျှ element တွေကို select လုပ်ဖို့လိုတယ်ဆိုပါစို့: (။ တန်းတူ) $ ။ ဒီလူတန်းစားကသာ p element တွေကိုလိုအပ်သောလျှင်, ရေးရန်: $ (p.par) ။

တွေက attribute selector

ကျမတို့ကလည်းဘယ်အတန်းအစားရှိခြင်း ID ကိုမှပိုင်ဆိုင်ထားတဲ့ item ကို select လုပ်ပါသို့မဟုတ်စာမျက်နှာပေါ်မှာရှိသမျှ element တွေကိုရွေးဖို့လိုအပ်တယ်ဆိုရင်အမျိုး, သင်နှင့် JQuery အဓိက-selector ကိုသုံးနိုင်သည်။ သို့သော်ရောဂါဖြစ်ပွားမှုတစ်ခုကို item မျှလူတန်းစားသို့မဟုတ် ID ကိုရှိပါတယ်သည့်အခါရှိပါသည်။ ဒါဟာအဘို့ဖြစ်၏နှင့် attribute ကိုအားဖြင့်ရွေးချယ်မှုရှိပါတယ်။ သူတို့ကသငျသညျအခြို့သောပေါ်မှာရွေးချယ်ရေးလုပ်ဖို့ခွင့်ပြုပါ က HTML-ဒြပ်စင်၏ attribute က ထိုကဲ့သို့သော href သို့မဟုတ် src အဖြစ်။ ဤသည် attribute ကိုတိကျမ်းစာ၌လာသည်ကား စတုရန်းကွင်းခတ် [] ။

အရိုးရှင်းဆုံးဥပမာ: $ ([src]) - src attribute ကိုရှိသမြှသောဒြပ်စင်များရွေးချယ်သည်။ $ ([src = 'http: // ရဲ့ site / ဆောင်းပါး / 132222 / တန်ဖိုးကို']) ဒါဟာအချို့ attribute တန်ဖိုးသတ်မှတ်ခြင်းအားဖြင့်နမူနာကျဉ်းမြောင်းဖို့ဖြစ်နိုင်ပါတယ်။

သငျသညျရှေးခယျြမှု၏လယ်ပြင်ကျဉ်းမြောင်းချင်လျှင်အချို့ကိုသင် JQuery selector တွေကိုသုံးနိုင်သည်။ ဥပမာအားဖြင့်, $ (p [အရောင် = အပြာ] [size ကို = 12]) - အပြာရောင်အရောင်နဲ့အရွယ်အစား 12 ရှိသည်သောသူတို့သာဒြပ်စင် p, ရွေးချယ်ထားသည်။

selector အကြောင်းအရာ

သငျသညျ attribute တွေသို့မဟုတ်အခြေခံ selector တွေကိုအပေါ်အခြေခံပြီး element တွေကို select လုပ်မရနိုငျပါလျှင်ထိုကိစ္စတွင်, သင်သည်သူတို့၏အကြောင်းအရာရည်ညွှန်းသင့်ပါတယ်။ စုစုပေါင်း၌ဤအမျိုးအစား 4 selector ရှိပါတယ်:

• : င် - သတ်မှတ်ထားသောစာသားကိုင်ပစ္စည်းများကိုရွေးချယ်;
• : ရှိထားသည် - လိုင်း၏ဝိသေသအခြားဒြပ်စင်ဆံ့သော Element ရွေးချယ်;
• : မိဘ - အခြားမည်သည့်ဆံ့သော Element ရွေးချယ်;
• : Empty - အခြားမည်သည့်ဆံ့မဒြပ်စင်များရွေးချယ်သည်။

ဒီနေရာတွင်ဥပမာတစ်ခုဖြစ်ပါတယ်။ အဆိုပါမင်္ဂလာပါ၏စာသား်အားလုံးဒြပ်စင် div, select လုပ်ပါ, သင် $ () ( 'မင်္ဂလာပါ' 'ပါရှိသည် div) ရေးသားဖို့လိုအပ်ပါတယ်။

selector အဆင့်ဆင့်

JQuery အတွက် element တွေကိုရွေးဖို့နောက်ထပ်နည်းလမ်းအမည်ရရှိပါသည် - သူတို့ရဲ့အဆင့်ဆင့်အရသိရသည် (က, HTML ကို-စာမျက်နှာပေါ်တွင်တစ်ဦးချင်းစီကတခြားများ၏အချိုးဖြစ်ပါတယ်) ။ သူတို့ထဲကတစ်ဦးကအများကြီး, ဒါကြောင့်ကျနော်တို့ကလူကြိုက်အများဆုံး, "ကလေးက" ၏နှစ်ခုတင်ပြနှင့် "ဆင်းသက်လာ" ။

ပထမဦးဆုံးအမှု၌ဒြပ်စင်ပေးထားသောဒြပ်စင် (ဘိုးဘေး) ၏တိုက်ရိုက်သားစဉ်မြေးဆက် (ကလေးများ) များမှာအရာ, ရွေးချယ်ထားသည်။ $ (ul # nav> li.light): ဥပမာအားဖြင့်, ကလေးတစ်ဦး nav စာရင်းဖြစ်သောအလင်းလူတန်းစားအတွက်စာရင်း၏ဒြပ်စင်ကိုရွေးဖို့, ထို့နောက်သင်ရေးသားဖို့လိုအပ်ပါတယ်။

ဒုတိယအမှု - တစ်ဦးထက်ပိုသောယေဘုယျ။ ၎င်းဒြပ်စင်၏သားစဉ်မြေးဆက်ရှိတယ်ရွေးချယ်သွယ်ဝိုက်နိုင်ပါသည်။ ဥပမာ, စာရင်း nav အတွင်းလင့်များရွေးဖို့သတ်မှတ်: $ (ul # nav တစ်ဦး) ။

ထို့ကြောင့် JQuery ဒြပ်စင်အတွက်ထိုကဲ့သို့သော HTML ကို-စာရွက်စာတမ်းဒြပ်စင်တစ်ခုလူတန်းစား, ID ကို, attribute တွေ, အကြောင်းအရာသို့မဟုတ်အဆင့်ဆင့်အဖြစ် parameters တွေကိုအသုံးပြုခြင်းအားဖြင့်အမျိုးမျိုးသောနည်းလမ်းတွေနဲ့ရှေးခယျြနိုငျသညျ။