JavaScript is a remarkably powerful language for manipulating the DOM.
However, with great power comes great confusing syntax?
Yeah.
It can be tricky to add elements to the DOM with plain old JavaScript
because you first have to create a DOM node, add data to it, find a parent for
it, and then finally add that node as a child to that parent.
And each step happens pretty much independently.
With jQuery, you can create new DOM nodes and
simultaneously add them to the document with one simple method.
I want you to experiment with four different methods for creating and
adding new DOM nodes.
.append(), .prepend(), .insertBefore(), and
.insertAfter() give you four different places to add new DOM elements.
.JavaScript هي لغة قوية بشكلٍ ملحوظ لمعالجة DOM
ولكن، هل تصاحب القوة الهائلة صيغة مربكة؟
.نعم
قد يكون من الصعب إضافة عناصر إلى DOM باستخدام JavaScript قديمة وعادية
لأن عليكم أولاً إنشاء عقدة DOM، وإضافة بيانات لها، وإيجاد أصل
.لها، ثم أخيرًا إضافة هذه العقدة كفرعٍ لذلك الأصل
.وتحدث كل خطوةٍ في الغالب على نحوٍ مستقل
يمكنكم، باستخدام jQuery، إنشاء عقد DOM جديدة
.وإضافتها في الوقت نفسه إلى المستند بأسلوبٍ واحدٍ وبسيط
أريدكم أن تجربوا ثلاثة أساليب مختلفة لإنشاء
.عقد DOM جديدة وإضافتها
تمنحك .append()، و.prepend()، و.insertBefore()، و.
.insertAfter() أربع أماكن مختلفة لإضافة عناصر DOM جديدة.
자바스크립트는 분명히 DOM을 조종할 수 있는
강력한 언어입니다
그렇지만 이 강력한 언어가
아주 헷갈리는 문법 구조라면요?
그렇죠
그냥 자바스크립트로 DOM에 요소를 추가하는 건
아주 헷갈릴 수 있어요
왜냐면 먼저 DOM 노드를 만들고,
거기에 데이터를 추가하고, 부모 요소를 찾고
마지막으로 그 노드를 부모 요소에
자식 요소로서 추가해야 하니까요
그리고 매 단계는 모두 독립적으로 일어나죠
jQuery가 있으면 새 DOM 노드를 만드는 동시에
파일에 추가할 수 있죠
단 하나의 메소드 만으로요
네 가지의 방법을 활용해서 새 DOM 노드들을
만들고 추가해보시면 될 것 같네요
.append(), .prepend(), .insertBefore(), .insertAfter()가
새 DOM 요소 추가를 위한 네 가지 방법입니다
O JavaScript é uma linguagem muito poderosa para manipular o DOM.
No entanto, junto com muito poder vem a sintaxe muito confusa?
Sim!
Pode ser complicado adicionar elementos ao DOM só com o bom e velho JavaScript,
pois primeiro você tem que criar um nó do DOM, adicionar dados a ele, encontrar um pai
para ele e depois adicionar o nó como filho desse pai.
E cada uma dessas etapas é bem independente.
Com o jQuery, você pode criar novos nós do DOM e adicioná-los
ao mesmo tempo ao documento com um método simples.
Quero que você faça experiências com quatro métodos diferentes para criar e
adicionar novos nós do DOM.
.append(), .prepend(), .insertBefore() e
.insertAfter() dão a você quatro lugares diferentes para adicionar novos elementos DOM.
JavaScript - неймовірно потужна мова для управління DOM.
Однак, чи з великою міццю з'являється складний синтаксис?
Так
Додавати елементи в DOM зі простого старого JavaScript непросто,
тому що спочатку вам треба створити DOM вузол, додати в нього дані, знайти батька
і наприкінці додати цей вузол, як дитину до батька.
І кожен крок стається досить незалежно.
З jQuery ви можете створити нові DOM вузли і
одночасно додати їх в документ одним простим методом.
Я хочу, щоб ви спробували 4-ма різними методами створити
і додати нові DOM вузли.
.append(), .prepend(), .insertBefore(), i
.insertAfter() дають вам 4 різні способи для додавання нових DOM елементів.