ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / простой вопрос
25 сообщений из 53, страница 1 из 3
  1  все
простой вопрос
    #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, 11:33
| Ответить | Цитировать | Написать  
простой вопрос
    #39333459
Фотография Areostar
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Areostar
Участник
rema174,

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

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

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


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

но где в моем коде показано что div имеет атрибут data-blah ?
...
Рейтинг: 0 / 0
25.10.2016, 13:17
| Ответить | Цитировать | Написать  
простой вопрос
    #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:29
| Ответить | Цитировать | Написать  
простой вопрос
    #39333553
rema174
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
rema174
Гость
мдя,
нет бы ответить, что это имя объекта который мы помещаем в этот div, иначе это это невозможно объяснить
...
Рейтинг: 0 / 0
25.10.2016, 13:46
| Ответить | Цитировать | Написать  
простой вопрос
    #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, 14:56
| Ответить | Цитировать | Написать  
простой вопрос
    #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:18
| Ответить | Цитировать | Написать  
простой вопрос
    #39333664
Фотография hVostt
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
hVostt
Участник
rema174дальше помещаем в див значение 86 но зачем в нижележащей команде указывать "blah" ?

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


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

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

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

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

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

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

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

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

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

И jQuery - это не fw, это просто библиотека. И кстати о каких исходных понятиях речь?
всё это так, только rema174 начинает задавать вопрос об одном, но если он начал бы с "азаов", с самого js, то такого вопроса бы не возникло
С чего Вы это взяли? Есть люди, кому сложно понять как цикл for работает. Сложно понять, что такое функция...
...
Рейтинг: 0 / 0
25.10.2016, 21:10
| Ответить | Цитировать | Написать  
простой вопрос
    #39333952
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
вадя, кстати с чего Вы взяли, что это как-то связано с data-атрибутами? :)
...
Рейтинг: 0 / 0
25.10.2016, 21:18
| Ответить | Цитировать | Написать  
простой вопрос
    #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:27
| Ответить | Цитировать | Написать  
простой вопрос
    #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:48
| Ответить | Цитировать | Написать  
простой вопрос
    #39333994
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
skyANAвадя, кстати с чего Вы взяли, что это как-то связано с data-атрибутами? :)
и связно и не связано
вроде яйца теже, но с разных сторон разные
...
Рейтинг: 0 / 0
25.10.2016, 23:51
| Ответить | Цитировать | Написать  
простой вопрос
    #39333996
Фотография Изопропил
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Изопропил
Участник
вадя,

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


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