ASP.NET MVC - Селектори

Структурата, върху която ще работим от страна на клиента, е DOM дърво на документа HTML, това дърво е йерархична структура, където всеки елемент, който виждаме в мрежата, е представен от съответния етикет.
Значението на познаването на тази структура е, че тя ще ни позволи да локализираме различните елементи, като с това можем да вземем стойността, която съдържат, или да включим текст, съдържание от други страници, можем да обработим контролер на нашето приложение и да генерираме изглед в рамките на страница, без да се налага да я зареждате и т.н.
Позовавайте се на елемент
Както споменахме по -рано, HTML Той има структура, в която съдържа своите елементи, за да манипулираме тези елементи, трябва да се научим да създаваме препратки към тях, с препратка можем да сме сигурни, че ще вземем желания елемент или елементи и ще можем да ги променим.
Най -ефективният начинЕдин от най -популярните и ефективни начини е с идентификатор за избор, както знаем, етикетите могат да имат уникални идентификатори, за да могат да различават елементите на a HTML.
Нека видим на следващото изображение код, който можем да вземем благодарение на Javascript елемент, използващ свойството си id:

В кода, който видяхме, имаме етикет HTML div, това има идентификатор, това свойство е това, което споменахме, което ще ни помогне да намерим и изберем елемента в СЛЪНЦЕ, в рамките на блок Javascript благодарение на обекта документ, Можем да използваме един от неговите методи, за да получим елемент чрез id и в този случай поставяме същия от div и накрая с метода innerText, присвояваме му нов текст.
Както виждаме това, страницата е обогатена, въпреки че е сравнително прост пример, това е най -основното нещо, което трябва да знаем, за да изградим солидна основа.
Подобряване с jQuery
Както знаем Javascript понякога можете да съгрешите, че трябва да напишете много код, за да направите няколко неща, в този момент въведете jQuery опаковане на споменатите функционалности и кодове, което ни позволява да решаваме същите функции с преки пътища и по -малко код, все още е Javascript но написано по по -прост начин.
В следващия пример ще видим как пренаписваме предишния пример, използвайки jQuery:

Както виждаме, обобщихме броя на извикванията на методи, използвайки просто .text () метод приложен към а селектор $ (), в зависимост от това как наричаме нашия елемент jQuery ни позволява достъп до id, класове, включително по тип елементи, техните деца и т.н.
Например, ако искаме да направим същия предишен пример, но за този случай етикетътвместо да има идентификатор, той има клас:

Здравей свят!

Тук виждаме, че вместо да извикваме селектора с $ ("# Selector"), правим го с $ (". selector"), проблемът с това е, че ако имаме повече от един елемент с един и същи клас, ние ще го повлияем.
С това завършваме този урок, в който се задълбочихме малко повече в концепцията за селектори и как да ги използваме с Javascript нормално както при jQuery като по този начин се намалява количеството на кода, който пишем.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка