Changing DOM element CSS classes is super useful.
And likewise, sometimes you want to change attributes on DOM elements as well.
Take a look at this unordered list in the header at the top of the page.
Each of the list elements has an embedded a tag.
You can see that the first element at the top of the list is missing its href.
I want you to use jQuery to set its href to number 1 to match the hrefs of
the other elements in this list.
You'll be using the .attr method to add an href.
.attr is interesting in that it has two different method signatures.
With the first signature,
if you pass in the string of an attribute, you can get its value.
And with the other, you can set the value of an attribute by passing in
a string for the second parameter.
This is a common pattern for
methods that interact with data saved on a DOM element.
So, using .attr, can you change the href of this a tag to be equal to number 1?
Here's a hint.
You might need another method like .first to help out.
.تغيير فئات CSS لعناصر DOM أمر مفيد للغاية
.وبالمثل، تحتاجون كذلك في بعض الأحيان إلى تغيير السمات في عناصر DOM
.ألقوا نظرةً على هذه القائمة غير المرتبة في رأس الصفحة
.يحتوي كل عنصر بالقائمة على علامة مضمنة
.وبإمكانكم أن تروا بأن أول عنصر على قمة القائمة لا يحتوي على href الخاص به
أريدكم أن تستخدموا jQuery لإعداد href الخاص به على العدد 1 ليطابق hrefs الخاص
.بالعناصر الأخرى في القائمة
.ستستخدمون أسلوب .attr لإضافة href
.attr أسلوب مثير لأنه يتضمن توقيعي أسلوب مختلفين.
،وبالنسبة للتوقيع الأول
.فإذا مررتم في سلسلة خاصة بسمة، يمكنكم الحصول على قيمتها
أما بالنسبة للتوقيع الثاني، فيمكنكم تعيين قيمة سمة بالتمرير في
.سلسلة للمعلمة الثانية
هذا نمط عام
.للأساليب التي تتفاعل مع البيانات المحفوظة على عنصر DOM
ولذا، فهل يمكنكم باستخدام أسلوب .attr تغيير href لهذه العلامة لتساوي العدد 1؟
.إليكم هذا التلميح
.قد تحتاجون إلى أسلوب آخر مثل .first ليساعدكم في ذلك
DOM 요소 CSS 클래스를 바꾸는 건 굉장히 유용합니다
이처럼 DOM 요소의 속성을 바꾸고 싶을 수도 있죠
페이지 맨 위의 header에 있는 이 ul list를 보시죠
모든 list 요소들에는 a 태그가 들어있습니다
가장 위의 list에는 href가 빠져있는 것을 볼 수 있습니다
list의 다른 요소들과 값을 맞추기 위해서 jQuery를 이용해서
href를 #1로 맞춰보세요
href를 더하려면 .attr() 메소드를 쓰면 됩니다
.attr()은 두 가지 특징을 가진다는 점에서 흥미로운데요
첫 번째 특징으로는
속성 문자열을 넣으면, 그 속성의 해당 값을 얻어낼 수 있고
다른 특징은 두번째 파라미터를 사용해
속성 값을 설정할 수 있다는 겁니다
이건 DOM 요소에 저장된 데이터와
상호작용하는 메소드들의 공통적인 패턴입니다
자 그러면 .attr()을 써서 이 a 태그의 href를 #1로 바꿀 수 있나요?
힌트를 드릴게요
.first() 같은 다른 메소드를 쓰는 게 도움이 될 지도 모릅니다
Mudar as classes CSS do elemento DOM é muito útil.
Da mesma forma, às vezes você quer mudar os atributos dos elementos DOM também.
Dá uma olhada nesta lista não ordenada, no cabeçalho, na parte superior da página.
Cada elemento da lista tem uma tag incorporada.
Veja que o primeiro elemento, no começo da lista, está sem o href.
Quero que você use a jQuery para definir esse href como número 1, para corresponder aos hrefs
dos outros elementos.
Para adicionar um href, use o método .attr.
O .attr é interessante, pois tem duas assinaturas de método diferentes.
Com a primeira,
se você passar em uma string de um atributo, pode obter seu valor.
E com a outra, você define o valor de um atributo passando em
uma string do segundo parâmetro.
Esse é um padrão comum dos
métodos que interagem com os dados salvos em um elemento DOM.
Por isso, se você usar o .attr, poderá mudar o href desta tag para que fique igual ao número 1?
Veja esta dica.
Você pode precisar de outro método, como o .first, para ajudar.
Змінювати DOM елемент CSS класів дуже корисно.
Таким же чином інколи ви хочете змінити атрибути DOM елементів.
Подивіться на цей неупорядкований список в хідері вгорі сторінки.
Кожен з елементів списку має вбудований тег.
Ви можете побачити, що href першого елемента вгорі списка відсутній.
Я хочу, щоб використовуючи jQuery, ви присвоїли цьому href номер 1, який співпадатиме з hrefs
інших елементів в цьому списку.
Ви будете використовувти .attr метод, щоб додати href.
.attr цікавий тим, що має 2 різних методи підпису.
Першим підписом, який
ви введете в рядок атрибуту, отримаєте його значення.
Іншим підписом ви можете присвоїти значення атрибуту
вводячи його в рядок другого параметру.
Це схожа структура для
методів, які взаємодіють з даними збереженими в DOM елементі.
Використовуючи .attr, зможете змінити href цього тегу так, щоб він дорівнював одиниці?
Ось порада.
Вам потрібен інший метод, наприклад .first, щоб це виконати.
修改 DOM 元素的 CSS 类名非常有用
同样 有的时候你还会想修改 DOM 元素的属性
看看这个页面顶部的 header 中的无序列表
每个列表元素里都嵌有一个标签
你可以看到列表最上方的第一个元素少了一个 href 属性
我想让你用 jQuery 将它的 href 值设为数字 1
来对应列表中的其他元素
你将会用到 .attr 方法来添加 href 属性
.attr 很有趣 它有两种方法签名
第一个签名
如果传入一个属性名的字符串 你可以得到它的值
而另一种签名中 你可以设置属性的值 只要
将一个字符串传入第二个变量即可
这是一种常见的模式
适用于与 DOM 元素数据交互的各类方法
所以 你能利用 .attr 方法使这个标签的 href 属性值等于 1 吗？
这里有个提示
你可能会需要另一个类似于 .first 的方法来完成这个练习