Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / простой вопрос / 25 сообщений из 53, страница 1 из 3
  1  все
25.10.2016, 11:33
    #39333390
rema174
rema174
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
Зачем указывают значение "blah" в командах
Код: javascript
1.
jQuery.data( div, "blah", 86 );


или
Код: javascript
1.
value = jQuery.data( div, "blah" );



мы ведь получили уникальный див уже по

Код: javascript
1.
div = $( "div" )[ 0 ];






Код: html
1.
2.
3.
4.
5.
6.
<div>A div</div>
<button>Get "blah" from the div</button>
<button>Set "blah" to "hello"</button>
<button>Set "blah" to 86</button>
<button>Remove "blah" from the div</button>
<p>The "blah" value of this div is <span>?</span></p>



Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
<script>
$( "button" ).click( function() {
  var value,
    div = $( "div" )[ 0 ];
  switch ( $( "button" ).index( this ) ) {
  case 0 :
    value = jQuery.data( div, "blah" );
    break;
  case 1 :
    jQuery.data( div, "blah", "hello" );
    value = "Stored!";
    break;
  case 2 :
    jQuery.data( div, "blah", 86 );
    value = "Stored!";
    break;
  case 3 :
    jQuery.removeData( div, "blah" );
    value = "Removed!";
    break;
  }
  $( "span" ).text( "" + value );
});
</script>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 12:16
    #39333459
Areostar
Areostar
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
rema174,

Откуда взяли сей кусок кода?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 12:23
    #39333468
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
Areostar, из документации он его взял: https://api.jquery.com/jquery.data/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 12:38
    #39333492
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
rema174Зачем указывают значение "blah" в командах

Я вообще не понял сути вопроса.

Если речь идёт про div, то элемент извлекли из jQuery-объекта (вытащив по индексу [0]), соответственно объект элемента «потерял» возможность вызвать метод data() напрямую, поэтому вызывается метод jQuery.data() и передаётся требуемый элемент для установки или извлечения data-атрибута.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 12:51
    #39333508
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
rema174,
в общем есть атрибут "data-"
всё что после - есть его имя
Код: javascript
1.
2.
<div data-blah='данные'>A div</div>
<button>Get "blah" from the div</button>


в данном случае вернёт данные
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 13:17
    #39333532
rema174
rema174
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
вадя,

но где в моем коде показано что div имеет атрибут data-blah ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 13:29
    #39333542
rema174
rema174
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
hVosttЕсли речь идёт про div, то элемент извлекли из jQuery-объекта (вытащив по индексу [0]), соответственно объект элемента «потерял» возможность вызвать метод data() напрямую, поэтому вызывается метод jQuery.data() и передаётся требуемый элемент для установки или извлечения data-атрибута.

смотрим, по порядку

мы вытащили div по индексу [0]

div = $( "div" )[ 0 ];

дальше помещаем в див значение 86 но зачем в нижележащей команде указывать "blah" ?

jQuery.data( div, "blah", 86 );
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 13:46
    #39333553
rema174
rema174
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
мдя,
нет бы ответить, что это имя объекта который мы помещаем в этот div, иначе это это невозможно объяснить
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 14:56
    #39333638
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
rema174 , я думаю сей пример прольёт свет на твои вопросы...

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
div { 
	color: blue; 
}
span { 
	color: red; 
}
</style>
<script type='text/javascript'>
$(document).ready(function(){
	var adiv = $("div").get(0);
	jQuery.data(adiv, "test", { first: 16, last: "pizza!" });
	$("span:first").text(jQuery.data(adiv, "test").first);
	$("span:last").text(jQuery.data(adiv, "test").last);
});
</script>
</head>
<body>
<div>
	The values stored were
	<span></span>
	and
	<span></span>
</div>
</body>
</html>


http://jquery-docs.ru/Internals/jQuery.data/#elemnamevalue
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 15:18
    #39333652
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
Вот так, пожалуй , будет еще более нагляднее...

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
$(document).ready(function(){
	var adiv = $("div").get(0);
	jQuery.data(adiv, "test", { first: 16, last: "pizza!" });
	jQuery.data(adiv, "two", { first: 18, last: "Text!" });
	alert(jQuery.data(adiv, "two").first+' '+jQuery.data(adiv, "two").last)
	$("span:first").text(jQuery.data(adiv, "test").first);
	$("span:last").text(jQuery.data(adiv, "test").last);
});
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 15:33
    #39333664
hVostt
hVostt
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
rema174дальше помещаем в див значение 86 но зачем в нижележащей команде указывать "blah" ?

Тогда вопрос вообще не к jQuery, а к пониманию что вообще такое data?


rema174мдя,
нет бы ответить, что это имя объекта который мы помещаем в этот div, иначе это это невозможно объяснить

Какое ещё имя объекта? Это часть имени атрибута после data-, правда только ДО установки значения с помощью jQuery.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 15:39
    #39333670
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
rema174вадя,

но где в моем коде показано что div имеет атрибут data-blah ?
это идет из понятия атрибута data, что уже сказали выше.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 15:47
    #39333680
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
rema174вадя,

но где в моем коде показано что div имеет атрибут data-blah ?
вот хороший пример того, что fw не помогают разобраться в исходных понятиях.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 16:58
    #39333761
rema174
rema174
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
krvsa,

потихоньку разбираюсь, но вообще... синтаксис с ходу интуитивно не понятный...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 17:18
    #39333786
Изопропил
Изопропил
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
вадявот хороший пример того, что fw не помогают разобраться в исходных понятиях.
а если почитать документацию и исходники?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 19:12
    #39333909
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
rema174,
вот тут очень наглядно http://jquery.page2page.ru/index.php5/Заглавная_страница

автора если почитать документацию и исходники?
хорошо если так....
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 20:33
    #39333935
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
Изопропилвадявот хороший пример того, что fw не помогают разобраться в исходных понятиях.
а если почитать документацию и исходники?
+1, всё написано в документации...

Не каждый человек поймёт сразу, что такое замыкания. Что такое функции высшего порядка.
Не каждый человек сразу разберётся в Вашем, вадя, коде.

И jQuery - это не fw, это просто библиотека. И кстати о каких исходных понятиях речь?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 20:35
    #39333937
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
skyANA,
о самом js....
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 20:46
    #39333942
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
авторНе каждый человек поймёт сразу, что такое замыкания. Что такое функции высшего порядка.
Не каждый человек сразу разберётся в Вашем, вадя, коде.

И jQuery - это не fw, это просто библиотека. И кстати о каких исходных понятиях речь?
всё это так, только rema174 начинает задавать вопрос об одном, но если он начал бы с "азаов", с самого js, то такого вопроса бы не возникло.
по поводу кода - это можно отнести к коду любого прогера. если есть желание раскритиковать - можно прицепиться к чему угодно :)
что jQuery больше библиотека, я согласен, но не всё с этим согласны....
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 21:10
    #39333950
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
вадяавторНе каждый человек поймёт сразу, что такое замыкания. Что такое функции высшего порядка.
Не каждый человек сразу разберётся в Вашем, вадя, коде.

И jQuery - это не fw, это просто библиотека. И кстати о каких исходных понятиях речь?
всё это так, только rema174 начинает задавать вопрос об одном, но если он начал бы с "азаов", с самого js, то такого вопроса бы не возникло
С чего Вы это взяли? Есть люди, кому сложно понять как цикл for работает. Сложно понять, что такое функция...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 21:18
    #39333952
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
вадя, кстати с чего Вы взяли, что это как-то связано с data-атрибутами? :)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 23:27
    #39333989
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
skyANAвадя, кстати с чего Вы взяли, что это как-то связано с data-атрибутами? :)
очень хороший впорос.
он заставил залезть глубоко.
и толко подтвердил моё убеждение , что пользоваться такими штуками нужно очень внимательно....
а уж отлавливать ошибки и и подавну черт ногу сломает.
в общем , я так и не понял куда он это всё запихивает. где хранит , и как это проверить.
если использовать
$('body').attr('data-foo', 555)
атрибут data-foo можно наблюдать.
это jQuery.data ничего общего c data- не имеет
хотя
Код: plaintext
1.
.data( key )
Description: Return the value at the named data store for the first element in the jQuery collection, as set by data(name, value) or by an HTML5 data-* attribute.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 23:48
    #39333992
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
если сделать так
Код: javascript
1.
$( "body" ).attr( "data-hhh",'qwert')


то будет создан атрибут data-hhh и его можно увидеть.
Код: javascript
1.
$( "body" ).data( "hhh")


вернёт значение атрибута data-hhh
вроде всё логично.
но такое
Код: javascript
1.
$( "body" ).data( "hhh111",'ffffffffff')


не создаст атрибута data-hhh111
хотя такое
Код: javascript
1.
$( "body" ).data( "hhh111")


вернёт значение ffffffffff
как и написано
Код: plaintext
1.
.data( key )
Description: Return the value at the named data store for the first element in the jQuery collection, as set by data(name, value) or by an HTML5 data-* attribute.
но нафига такое?????
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 23:51
    #39333994
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
skyANAвадя, кстати с чего Вы взяли, что это как-то связано с data-атрибутами? :)
и связно и не связано
вроде яйца теже, но с разных сторон разные
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 23:56
    #39333996
Изопропил
Изопропил
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
простой вопрос
вадя,

Поведение вроде как документировано
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
  1  все
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / простой вопрос / 25 сообщений из 53, страница 1 из 3
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]