АСП.НЕТ МВЦ - Селектори

Структура на којој ћемо радити на страни клијента је ДОМ дрво документа ХТМЛ, ово стабло је хијерархијска структура у којој је сваки елемент који видимо на вебу представљен одговарајућом ознаком.
Важност познавања ове структуре је у томе што ће нам омогућити лоцирање различитих елемената, с тим можемо узети вриједност коју садрже или укључити текст, садржај с других страница, можемо обрадити контролер наше апликације и генерирати приказ унутар страницу без потребе да је пуните итд.
Референцирајте елемент
Као што смо раније поменули, ХТМЛ Има структуру у којој садржи своје елементе, да бисмо могли манипулирати тим елементима морамо научити стварати референце на њих, с референцом можемо бити сигурни да ћемо узети жељени елемент или елементе и моћи ћемо их измијенити.
Најефикаснији начинЈедан од најпопуларнијих и најефикаснијих начина је селектор ид, као што знамо, ознаке могу имати јединствене идентификаторе како би могле разликовати елементе а ХТМЛ.
Погледајмо на следећој слици код који можемо узети захваљујући Јавасцрипт елемент који користи својство ид:

У коду који смо видели имамо ознаку ХТМЛ див, ово има ид, ово својство је оно које смо споменули и које ће нам помоћи да лоцирамо и изаберемо елемент у СУНЦЕ, унутар блока Јавасцрипт захваљујући објекту документ, Можемо користити једну од његових метода за добијање елемента помоћу ид -а и у овом случају постављамо исти див и на крају са методом иннерТект, додељујемо му нови текст.
Како видимо ово, страница је обогаћена, иако је прилично једноставан примјер, то је најосновније што морамо знати да бисмо изградили чврсте темеље.
Побољшање помоћу јКуери -ја
Као што знамо Јавасцрипт понекад можете грешити што морате да напишете много кода да бисте урадили неке ствари, у овом тренутку унесите јКуери паковање наведених функционалности и кодова, омогућавајући нам да исте функције решавамо пречицама и мање кода, и даље је Јавасцрипт али написано на једноставнији начин.
У следећем примеру видећемо како преписујемо претходни пример користећи јКуери:

Као што видимо, сумирали смо број позива метода користећи једноставно .тект () метода примењује се на а селектор $ (), у зависности од тога како називамо наш елемент јКуери омогућава нам приступ ИД -у, класама, укључујући по типу елемената, њиховој деци итд.
На пример, ако желимо да урадимо исти претходни пример, али за овај случај ознакууместо да има ид, он има класу:

Здраво Свете!

Овде видимо да уместо позивања селектора са $ ("# Селецтор"), то радимо са $ (". селецтор"), проблем са овим је што ћемо, ако имамо више елемената са истом класом, утицати на то.
Овим смо завршили овај водич у којем смо још мало зашли у концепт селектора и како их користити обоје са Јавасцрипт нормално као са јКуери чиме се смањује количина кода који пишемо.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен