Skip to content

Instantly share code, notes, and snippets.

@Philosoft

Philosoft/data-attributes.js

Last active June 30, 2017 12:40
Show Gist options
  • Save Philosoft/0c54d9ddc9d0f7ca3e7a693994f62044 to your computer and use it in GitHub Desktop.
Save Philosoft/0c54d9ddc9d0f7ca3e7a693994f62044 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
data-attributes.js
// <a href="#" data-next-title="spart"></a>
$("a").data("title"); // read
$("a").data("title", "new title"); // write
Raw
js-test.md

attribute-manipulation:

  • src (поменять при клике картинку)
  • html/text (вводим текст в textarea при клике на кнопку это вставляется как html в div#target)
  • кнопка меняет свой текст при клике (через data-аттрибуты, например так original title ->(click) new title ->(click) original title)

dom-manipulation (всё в одном):

  • append/prepend (textarea -> target)
    • css-manipulation

form/ajax

  • click vs on (сделать список (ul>(li>a.btn)*3), повесить событие на .btn (alert("test")), добавить кнопку,, которая ajax-ом будет подгружать рандомное число новых ссылок). источник ссылок для ajax'a, если нужен - http://gatekeeper.p.uptimehost.ru/ajax.php
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment