АСП.НЕТ МВЦ - Манипулација елементима у ДОМ -у

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

Овде истичемо да је .цсс () метода, Као што видимо, преносимо два параметра, први параметар је својство ЦСС коју желимо да додамо или активирамо, а други параметар је вредност коју ово својство треба да преузме.
Додајте нову ставку
Не само да можемо да променимо постојеће елементе, већ можемо и да додамо нове елементе, са овим можемо да уметнемо текст, додамо нове блокове итд.
Коју методу користити?За ово можемо користити .аппенд () метода, где ћемо као параметар поставити ХТМЛ садржај који желимо да уметнемо у наш ДОМ, једино што морамо имати на уму је да нам је потребан елемент са јединственим ИД -ом Да бисмо га користили као селектор, погледајмо на следећој слици како то можемо постићи.

Такође можемо уклонити елементе, што је веома важно јер се у апликацији могу постићи ефекти кретања и акције, при чему ће корисник видети ефекте својих радњи у реалном времену, за то ћемо користити .ремове () метода а унутра ћемо проћи селектор који желимо да уклонимо из нашег ДОМ -а:

ЕНЛАРГЕ

Овде у примеру видимо како врло лако елиминишемо елемент само означавањем ознаке на селектору.
Остале некретнине
Можемо манипулисати свим својствима елемента, једино морамо да се документујемо, пошто је тешко све их знати напамет, међутим на Интернету имамо јКуери водич са којима можемо да користимо службену документацију док радимо свој развој.
Важна ствар у овом случају је да знамо шта желимо да радимо, то је кључна тачка коју можемо успут истраживати и учити, све док знамо основни аспект бићемо добро.
Овим завршавамо овај водич, јер видимо да је прилично лако комуницирати на вишем нивоу са ДОМ дрво, велики део овог објекта је због јКуери који олакшава ову интеракцију.Да ли вам се допао и помогао овај водич?Можете наградити аутора притиском на ово дугме да бисте му дали позитиван поен