+ развернуть текст   сохранённая копия

										


										
Создавая визуализации или интерактивные страницы, мы часто используем комбинацию из jQuery и D3. Причём в основном используется D3, а из jQuery берут небольшой набор функций для манипуляций с DOM.



И хотя в D3 есть мощные возможности – селекторы и обёртка для ajax, часто нам не хватает каких-то функций из jQuery. Мы покажем, как можно заменить jQuery, используя D3 повсеместно. В результате ваш код упростится, объём проекта уменьшится, и вы не будете смешивать разные подходы, а будете использовать функции так, как принято в D3.



Для начала рассмотрим, в чём эти две библиотеки сходятся. Это удобно для тех, кто уже знает jQuery, и хочет изучить D3.



Схожести


Селекторы


Обе библиотеки основаны на простых в использовании, но богатых на возможности селекторах. 



jQuery



$('.foo').addClass('foobar');
$('.foo').removeClass('foobar');




D3



d3.selectAll('.foo').classed('foobar', true);  
d3.selectAll('.foo').classed('foobar', false); 
 



Управление стилями и атрибутами


jQuery



$('.foo').attr('data-type', 'foobar');
$('.foo').css('background', '#F00');




D3



d3.selectAll('.foo').attr('data-type', 'foobar');  
d3.selectAll('.foo').style('background', '#F00');  


 Читать дальше →
										
										

										

										Тэги: d3.js, javascript, jquery, веб-разработка 

										

																													
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №172 (9 — 16 августа 2015)   2015-08-16 22:46:41
										

										
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT- ... 
										

										+ развернуть текст   сохранённая копия

										


										
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости





 Читать дальше →
										
										

										

										Тэги: css, css3, group, html, html5, javascript, jquery, zfort, блог, браузеры, веб-дизайн, веб-разработка, дайджест, компании, новости, ссылки 

										

																														

																				
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №171 (3 — 10 августа 2015)   2015-08-10 10:39:30
										

										
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT- ... 
										

										+ развернуть текст   сохранённая копия

										


										
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости





 Читать дальше →
										
										

										

										Тэги: css, css3, group, html, html5, javascript, jquery, zfort, блог, браузеры, веб-дизайн, веб-разработка, дайджест, компании, новости, ссылки 

										

																													
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №170 (26 июля — 2 августа 2015)   2015-08-02 21:04:50
										

										
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT- ... 
										

										+ развернуть текст   сохранённая копия

										


										
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости.





 Читать дальше →
										
										

										

										Тэги: css, css3, group, html, html5, javascript, jquery, zfort, блог, браузеры, веб-дизайн, веб-разработка, дайджест, компании, новости, ссылки 

										

																													
Дайджест интересных материалов из мира веб-разработки и IT за последнюю неделю №169 (19 — 25 июля 2015)   2015-07-27 11:41:34
										

										
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT- ... 
										

										+ развернуть текст   сохранённая копия

										


										
Предлагаем вашему вниманию подборку с ссылками на полезные ресурсы, интересные материалы и IT-новости





 Читать дальше →
										
										

										

										Тэги: css, css3, group, html, html5, javascript, jquery, zfort, блог, браузеры, веб-дизайн, веб-разработка, дайджест, компании, новости, ссылки 

																											
								


								
Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 ...