וואָס טאָן מיר דאַרפֿן און ווי צו רעקאָרד דזשקווערי-סעלעקטאָר?

מאָדערן וועב דיזיינער זאָל ניט נאָר בעל די באַסיקס פון דעם HTML, די קסס און דזשאַוואַסקריפּט, אָבער אויך קענען צו אַרבעטן אין די דזשקווערי ביבליאָטעק, וואָס פאָקוסעס אויף די ינטעראַקשאַן פון דזשאַוואַסקריפּט מיט HTML-דאקומענטן. אַז עס אַלאַוז שנעל צוטריט צו קיין עלעמענט דאַם (אַפּלאַקיישאַן פּראָגראַממינג צובינד אַז גיט צוטריט צו צופרידן די HTML טעקעס) און מאַניפּולירן זיי. די הויפּט סטראַקטשעראַל וניץ פון דער ביבליאָטעק זענען די מאַנשאַפֿט. אין סדר צו צולייגן איין אָדער די אנדערע קאָלעקטיוו, איר דאַרפֿן אַ דזשקווערי-סעלעקטאָר.

פאָרמולע סעלעקטאָרס אין דזשקווערי ביבליאָטעק

די סעלעקטאָרס אין דזשקווערי באזירט אויף נוצן אין קסס. זיי זענען required צו סעלעקטירן זאכן די HTML טעקע, צו נוצן זיי צו פאַרשאַפן די אָדער אנדערע מעטהאָדס פון מאַניפּיאַלייטינג זיי (די מאַנשאַפֿט). זוך איז געטראגן אויס דורך די סעלעקטאָר $ () פֿונקציע. לעמאָשל, $ ( 'div').

די סעלעקטאָרס קענען זיין קלאַססיפיעד דיפּענדינג אויף ווי די סעלעקציע פון עלעמענטן:

• יקערדיק;
• דורך אַטריביוט;
• די כייעראַרקי;
• צופרידן;
• אויף די סיטואַציע;
• ברירה פון form fields;
• אנדערע.

שליסל סעלעקטאָרס

אין 90% פון קאַסעס ווען ניצן דעם ביבליאָטעק איז געניצט דזשקווערי-סעלעקטאָר בילאָנגינג צו די הויפּט גרופּע. אַלע פון זיי זענען גאַנץ פּשוט און קלאָר. זאל אונדז באַטראַכטן יעדער פון זיי:

• * - סאַלעקץ אַלע חשבון עלעמענטן, כולל די קאָפּ, גוף, אאז"ו ו.;
• ז '/ div / סיידבאַר / ... - סאַלעקץ אַלע יסודות פּערטיינינג צו די פּרידיטערמינד קוויטל (ד"ה צו פּ.דיוו, סיידבאַר, עטק ...);
• .מיקלאַסס / פּ.מיקלאַסס - סאַלעקץ די יסודות מיט די ספּעסיפיעד סאָרט נאָמען;
• # מייד / פּ # מייד -. סאַלעקץ קיין איין פּונקט מיט דעם געגעבן שייַן.

דאָ איז אַ בייַשפּיל. זאל ס זאָגן מיר דאַרפֿן צו סעלעקטירן אַלע עלעמענטן אויף די בלאַט מיט פּאַר קלאַס פּאָזיציע וועט זיין ווי גייט: $ (פּאַר.). אויב נייטיק נאָר פּ יסודות פון דעם סאָרט, דעמאָלט שרייַבן: $ (פּ.פּאַר).

אַטריביוט סעלעקטאָרס

איר קענען נוצן די דזשקווערי הויפּט-סעלעקטאָר, אויב מיר דאַרפֿן צו סעלעקטירן אַ נומער בילאָנגינג צו קיין סאָרט ווייל שייַן אָדער סעלעקטירן אַלע עלעמענטן אויף די בלאַט. אָבער, עס זענען קאַסעס ווען אַ נומער האט קיין קלאַס אָדער שייַן. עס איז פֿאַר דעם און עס זענען סאַלעקשאַנז דורך אַטריביוט. זיי לאָזן איר צו מאַכן אַ סעלעקציע אויף עטלעכע אַטריביוט פון דעם HTML-יסודות, אַזאַ ווי הרעף אָדער src. דעם אַטריביוט איז געשריבן אין קוואַדראַט בראַקאַץ [].

די סימפּלאַסט בייַשפּיל: $ ([src]) - סאַלעקץ אַלע עלעמענטן וואָס האָבן src אַטריביוט. עס איז מעגלעך צו שמאָל די מוסטער דורך ספּעסיפיינג זיכער אַטריביוט ווערט: $ ([src = 'הטטפּ: // פּלאַץ / אַרטיקל / 132,222 / ווערט']).

איר קענען נוצן עטלעכע דזשקווערי סעלעקטאָרס אויב איר ווילן צו שמאָל די פעלד פון ברירה. לעמאָשל, $ (פּ [קאָליר = בלוי] [גרייס = 12]) - זענען אויסגעקליבן נאָר יענע עלעמענטן פּ, וואָס האָבן אַ בלוי קאָליר און גרייס 12.

סעלעקטאָרס צופרידן

אין אַז פאַל, אויב איר קענען ניט קלייַבן יסודות באזירט אויף אַטראַביוץ אָדער יקערדיק סעלעקטאָרס, איר זאָל אָפּשיקן צו זייער צופרידן. אין גאַנץ עס זענען 4 סעלעקטאָר פון דעם טיפּ:

• : כּולל - סאַלעקץ זאכן מיט די ספּעסיפיעד טעקסט;
• : צי האט - סאַלעקץ עלעמענטן וואָס אַנטהאַלטן אנדערע עלעמענטן קוואַליטעט פון די שורה;
• : פּאַרענט - סאַלעקץ עלעמענטן וואָס אַנטהאַלטן קיין אנדערע;
• : עמפּטי - סאַלעקץ יסודות אַז טאָן ניט אַנטהאַלטן קיין אנדערע.

דאָ איז אַ בייַשפּיל. צו סעלעקטירן אַלע יסודות div, מיט די טעקסט פון די העלא, איר דאַרפֿן צו שרייַבן $ (דיוו: כּולל ( 'העלא')).

סעלעקטאָרס כייעראַרקי

עס איז אן אנדער וועג צו סעלעקטירן יסודות אין דזשקווערי, ניימלי - לויט צו זייער כייעראַרקי (אַז איז, די פאַרהעלטעניש פון יעדער אנדערער אויף דעם HTML-בלאַט). א פּלאַץ פון זיי, אַזוי מיר פאָרשטעלן צוויי פון די מערסט פאָלקס, "קינד" און "אָפּשטאַמלינג".

אין דער ערשטער פאַל די יסודות זענען אויסגעקליבן, וואָס זענען גלייַך קינדסקינדער (קינדער) פון אַ געגעבן עלעמענט (אַנסעסטער). לעמאָשל, צו סעלעקטירן די יסודות פון דער רשימה אין ליכט קלאַס וואָס איז אַ קינד נאַוו רשימה, דעמאָלט איר דאַרפֿן צו שרייַבן: $ (אַל # נאַוו> לי.ליגהט).

די רגע פאַל - אַ מער אַלגעמיין. עס קענען ווערן אויסגעקליבן און ומדירעקט קינדסקינדער פון די עלעמענט. לעמאָשל, צו סעלעקטירן די לינקס ין דער רשימה נאַוו פאָרשרייַבן: $ (אַל # נאַוו אַ).

אזוי, אין דזשקווערי עלעמענטן קענען ווערן אויסגעקליבן אין פאַרשידן וועגן דורך ניצן פּאַראַמעטערס אַזאַ ווי אַ סאָרט, שייַן, אַטראַביוץ, צופרידן אָדער כייעראַרקי פון די HTML דאָקומענט עלעמענטן.