ನಾವು ಏಕೆ ಮತ್ತು ಹೇಗೆ jQuery ಆಯ್ಕೆ-ದಾಖಲಿಸಲು ಬೇಕು?

ಆಧುನಿಕ ವೆಬ್ ಡಿಸೈನರ್ ಮಾತ್ರ ಕರಗತ ಮಾಡಬಾರದು ಎಚ್ಟಿಎಮ್ಎಲ್, ಮೂಲಭೂತ CSS, ಮತ್ತು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, ಆದರೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಪರಸ್ಪರ ಎಚ್ಟಿಎಮ್ಎಲ್-ದಾಖಲೆಗಳೊಂದಿಗೆ ಮೇಲೆ ಕೇಂದ್ರೀಕರಿಸುವ JQuery ಗ್ರಂಥಾಲಯದ, ಕೆಲಸ ಸಾಧ್ಯವಾಗುತ್ತದೆ. ಇದು ಯಾವುದೇ ಅಂಶ DOM ಮತ್ತು (ಅಪ್ಲಿಕೇಷನ್ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ವಿಷಯವನ್ನು HTML-ಕಡತಗಳ ಪ್ರವೇಶವನ್ನು ಒದಗಿಸುವ ಇಂಟರ್ಫೇಸ್) ತ್ವರಿತ ಪ್ರವೇಶ ಮತ್ತು ಅವುಗಳನ್ನು ಬಳಕೆ ಅನುಮತಿಸುವ. ಗ್ರಂಥಾಲಯದ ಮುಖ್ಯ ರಚನಾತ್ಮಕ ಘಟಕಗಳು ತಂಡವಾಗಿದೆ. ಒಂದು ಅನ್ವಯಿಸಲು ಇತರ ತಂಡ ಆದೇಶ ಅಥವಾ, ನೀವು ಒಂದು JQuery ಸೆಲೆಕ್ಟರ್-ಅಗತ್ಯವಿದೆ.

JQuery ಗ್ರಂಥಾಲಯದ ರಲ್ಲಿ ಫಾರ್ಮುಲಾ ಆಯ್ಕೆ

JQuery ರಲ್ಲಿ ಆಯ್ಕೆ ಸಿಎಸ್ಎಸ್ ಬಳಕೆಗೆ ಆಧರಿಸಿ. ಅವರು (ತಂಡ) ನಿರ್ವಹಣೆ ಈ ಅಥವಾ ಇತರ ವಿಧಾನಗಳನ್ನು ಉಂಟುಮಾಡುವ ಬಳಸಲು, HTML ಫೈಲ್-ಐಟಂಗಳನ್ನು ಆಯ್ಕೆ ಅಗತ್ಯವಿದೆ. ಹುಡುಕಾಟದ ಮೂಲಕ ಆಯ್ಕೆ $ () ಕಾರ್ಯವನ್ನು ಕೈಗೊಳ್ಳಲಾಗುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, $ ( 'div').

ಆಯ್ಕೆ ಅಂಶಗಳ ಹೇಗೆ ಆಯ್ಕೆ ಅವಲಂಬಿಸಿ ವರ್ಗೀಕರಿಸಬಹುದು:

• ಮೂಲ;
• ಲಕ್ಷಣದಿಂದ;
• ಕ್ರಮಾನುಗತ;
• ವಿಷಯ;
• ಪರಿಸ್ಥಿತಿಯನ್ನು;
• ರೂಪ ಜಾಗ ಆಯ್ಕೆ;
• ಇತರರು.

ಕೀ ಆಯ್ಕೆ

ಬಳಸುವಾಗ ಈ ಗ್ರಂಥಾಲಯದ ಬಳಸಲಾಗುತ್ತದೆ jQuery-ಆಯ್ಕೆ ಮುಖ್ಯ ಸಮೂಹಕ್ಕೆ ಸೇರಿದ ಪ್ರಕರಣಗಳು 90% ರಲ್ಲಿ. ಇವೆಲ್ಲವೂ ಸಾಕಷ್ಟು ಸರಳ ಮತ್ತು ನಿಚ್ಚಳವಾಗಿವೆ. ಪ್ರತಿಯೊಂದರ ಪರಿಗಣಿಸೋಣ:

• * - ತಲೆ, ದೇಹ, ಇತ್ಯಾದಿ ಸೇರಿದಂತೆ ಎಲ್ಲಾ ಪುಟ ಅಂಶಗಳನ್ನು ಆಯ್ಕೆ;.
• ಪು / DIV / ಸೈಡ್ಬಾರ್ನಲ್ಲಿ / ... - ಪೂರ್ವನಿರ್ಧರಿತ ಟ್ಯಾಗ್ ಸಂಬಂಧಿಸಿದ ಎಲ್ಲಾ ಅಂಶಗಳನ್ನು ಆಯ್ಕೆ (ಅಂದರೆ p.div, ಸೈಡ್ಬಾರ್ನಲ್ಲಿ, ಇತ್ಯಾದಿ ... ಗೆ);
• .myClass / p.myClass - ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ವರ್ಗದ ಹೆಸರಿನೊಂದಿಗೆ ಅಂಶಗಳನ್ನು ಆಯ್ಕೆ;
• # MyID / ಪು # myID -. ನೀಡಿರುವ ID ಯೊಂದಿಗೆ ಯಾವುದೇ ಒಂದು ಐಟಂ ಆಯ್ಕೆ.

ಇಲ್ಲಿ ಒಂದು ಉದಾಹರಣೆ. ನಾವು ಪಾರ್ ವರ್ಗದ ಪ್ರವೇಶಕ್ಕೆ ಪುಟದಲ್ಲಿ ಎಲ್ಲಾ ಅಂಶಗಳನ್ನು ಆಯ್ಕೆ ಇರುತ್ತದೆ ಕೆಳಗಿನಂತೆ ಅಗತ್ಯವಿದೆ ಹೇಳುತ್ತಾರೆ: (. ಪಾರ್) $. ಈ ವರ್ಗದ ಅಗತ್ಯವಿರುವ p ಅಂಶಗಳನ್ನು, ನಂತರ ಬರೆಯಲು $ (p.par).

ಆಯ್ಕೆ ಗುಣಲಕ್ಷಣ

ನಾವು ಯಾವುದೇ ವರ್ಗ ID ಹೊಂದಿರುವ ಸೇರಿದ ಐಟಂ ಆಯ್ಕೆ ಅಥವಾ ಪುಟದಲ್ಲಿ ಎಲ್ಲಾ ಅಂಶಗಳನ್ನು ಆಯ್ಕೆಮಾಡಬೇಕೆಂದರೆ ನೀವು ಮುಖ್ಯ ಸೆಲೆಕ್ಟರ್-jQuery ಬಳಸಲು. ಐಟಂ ಯಾವುದೇ ವರ್ಗ ಅಥವಾ ID ಹೊಂದಿದೆ ಎಂಬುದಕ್ಕೆ ಸಂದರ್ಭಗಳಲ್ಲಿ ಇರುತ್ತದೆ. ಇದಕ್ಕೆ ಮತ್ತು ಲಕ್ಷಣದಿಂದ ಆಯ್ಕೆಗಳನ್ನು ಇವೆ. ಅವರು ನೀವು ಕೆಲವು ಆಯ್ದ ಮಾಡಲು ಅವಕಾಶ ಎಚ್ಟಿಎಮ್ಎಲ್-ಅಂಶಗಳನ್ನು ಗುಣಲಕ್ಷಣ ಅಂತಹ href ಅಥವಾ ಎಸ್ಆರ್ಸಿ ಮಾಹಿತಿ. ಈ ವೈಶಿಷ್ಟ್ಯದ ಬರೆಯಲಾಗಿದೆ ಚದರ ಬ್ರಾಕೆಟ್ಗಳನ್ನು [].

ಸರಳವಾದ ಉದಾಹರಣೆ: $ ([ಎಸ್ಆರ್ಸಿ]) - SRC ಗುಣಲಕ್ಷಣ ಹೊಂದಿರುವ ಎಲ್ಲಾ ಅಂಶಗಳನ್ನು ಆಯ್ಕೆ. ಕೆಲವು ಗುಣಲಕ್ಷಣ ಮೌಲ್ಯದ ಸೂಚಿಸುವ ಮೂಲಕ ಸ್ಯಾಂಪಲ್ ಸಂಕುಚಿತಗೊಳಿಸಲು ಸಾಧ್ಯ: $ ([SRC = 'http: // ಸೈಟ್ / ಲೇಖನ / 132222 / ಮೌಲ್ಯ']).

ನೀವು ಆಯ್ಕೆಯ ಕ್ಷೇತ್ರದಲ್ಲಿ ಮೊಟಕುಗೊಳಿಸಿ ಬಯಸಿದರೆ ನೀವು ಕೆಲವು JQuery ಆಯ್ಕೆ ಬಳಸಬಹುದು. ಉದಾಹರಣೆಗೆ, $ (ಪು [ಬಣ್ಣದ = ನೀಲಿ] [ಗಾತ್ರ = 12]) - ಆಯ್ಕೆ ಒಂದು ನೀಲಿ ಬಣ್ಣ ಮತ್ತು ಗಾತ್ರ 12 ಹೊಂದಿರುವ ಮಾತ್ರ ಅಂಶಗಳನ್ನು ಪು, ಮಾಡಲಾಗುತ್ತದೆ.

ಆಯ್ಕೆ ವಿಷಯ

ಆ ಸಂದರ್ಭದಲ್ಲಿ, ನೀವು ಲಕ್ಷಣಗಳು ಅಥವಾ ಮೂಲಭೂತ ಆಯ್ಕೆ ಆಧಾರಿತ ಅಂಶಗಳನ್ನು ಆಯ್ಕೆ ಸಾಧ್ಯವಾಗದಿದ್ದರೆ, ತಮ್ಮ ವಿಷಯಕ್ಕೆ ಉಲ್ಲೇಖಿಸಬೇಕು. ಒಟ್ಟು ಈ ಬಗೆಯ 4 ಆಯ್ಕೆ ಇವೆ:

• : ಒಳಗೊಂಡಿದೆ - ಆಯ್ಕೆ ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ಪಠ್ಯವನ್ನು ಒಳಗೊಂಡಿರುವ ವಸ್ತುಗಳು;
• : ಹ್ಯಾಸ್ - ಲೈನ್ ವಿಶಿಷ್ಟ ಇತರ ಅಂಶಗಳನ್ನು ಹೊಂದಿರುವ ಅಂಶಗಳನ್ನು ಆಯ್ಕೆ;
• : ಪೋಷಕ - ಯಾವುದೇ ಹೊಂದಿರುವ ಅಂಶಗಳನ್ನು ಆಯ್ಕೆ;
• : ಖಾಲಿ - ಯಾವುದೇ ಹೊಂದಿರುತ್ತವೆ ಅಂಶಗಳು ಆಯ್ಕೆ.

ಇಲ್ಲಿ ಒಂದು ಉದಾಹರಣೆ. ಹಲೋ ಪಠ್ಯ ಹೊಂದಿರುವ, ಎಲ್ಲಾ ಅಂಶಗಳನ್ನು DIV ಆಯ್ಕೆ ಮಾಡಲು, ನೀವು $ ಬರೆಯಲು ಅಗತ್ಯವಿದೆ (DIV: 'ಹಲೋ') ಹೊಂದಿದೆ ().

ಆಯ್ಕೆ ಕ್ರಮಾನುಗತ

ತಮ್ಮ ಕ್ರಮಾನುಗತ ಪ್ರಕಾರ (ಅಂದರೆ, ಎಚ್ಟಿಎಮ್ಎಲ್-ಪುಟದಲ್ಲಿ ಅನುಪಾತ ಪರಸ್ಪರ) - JQuery, ಅವುಗಳೆಂದರೆ ಅಂಶಗಳನ್ನು ಆಯ್ಕೆ ಮತ್ತೊಂದು ಮಾರ್ಗಗಳಿಲ್ಲ. ಅವುಗಳಲ್ಲಿ ಬಹಳಷ್ಟು, ಆದ್ದರಿಂದ ನಾವು ಅತ್ಯಂತ ಜನಪ್ರಿಯ "ಮಗು" ಮತ್ತು "ವಂಶಸ್ಥರು" ಎರಡು ಪ್ರಸ್ತುತಪಡಿಸಲು.

ಮೊದಲ ಪ್ರಕರಣದಲ್ಲಿ ಅಂಶಗಳನ್ನು ನೇರ ವಂಶಸ್ಥರು (ಮಕ್ಕಳು) ಗೊತ್ತಾದ ಅಂಶ (ಪೂರ್ವಜ), ಇದರಲ್ಲಿ, ಆಯ್ಕೆಮಾಡಲಾಗಿದೆ. $ (ಉಲ್ # ಎನ್ಎವಿ> li.light): ಉದಾಹರಣೆಗೆ, ಬೆಳಕಿನ ತರಗತಿಯಲ್ಲಿ ಪಟ್ಟಿ ಮಗುವಿನ ಎನ್ಎವಿ ಪಟ್ಟಿ ಅಂಶಗಳನ್ನು ಆಯ್ಕೆ, ನಂತರ ನೀವು ಬರೆಯಲು ಅಗತ್ಯವಿದೆ.

ಎರಡನೇ ಸಂದರ್ಭದಲ್ಲಿ - ಹೆಚ್ಚು ಸಾಮಾನ್ಯ. ಆಯ್ಕೆಮಾಡಿದ ಮತ್ತು ಅಂಶದ ಪರೋಕ್ಷ ವಂಶಸ್ಥರು ಮಾಡಬಹುದು. ಉದಾಹರಣೆಗೆ, ಪಟ್ಟಿಯಲ್ಲಿ ಎನ್ಎವಿ ಶಿಫಾರಸು ಒಳಗೆ ಕೊಂಡಿಗಳು ಆಯ್ಕೆ $ (ಉಲ್ # ಎನ್ಎವಿ ಒಂದು).

ಹೀಗಾಗಿ, jquery ಅಂಶಗಳ ವಿವಿಧ ರೀತಿಯಲ್ಲಿ ನಿಯತಾಂಕಗಳನ್ನು ಬಳಸಿಕೊಂಡು ಇಂತಹ ವರ್ಗ, ಐಡಿ, ಲಕ್ಷಣಗಳು, ವಿಷಯ ಅಥವಾ HTML ಡಾಕ್ಯುಮೆಂಟ್ ಅಂಶಗಳ ಕ್ರಮಾನುಗತ ಆಯ್ಕೆ ಮಾಡಬಹುದು.