Вы можете прочесть и изменить свойства элемента или атрибута при помощи функции attr() jquery. Атрибутами могут быть: title, alt, src, href, width, style и т.д. Даже data-cat и data-create тоже являются дополнительными атрибутами. Любые дополнительные атрибуты задаются после слова data-. Если вы используйте такой атрибут url="/page=1", то вы не пройдёте валидацию.
<p><a id="link1" href="/page=1" data-cat="PHP" data-create="28.07.2016">страница1</a></p>
<p><a id="link2" href="/page=2" data-cat="JS" data-create="29.07.2016">страница2</a></p>
<p><a id="link3" href="/page=3" data-cat="GIT" data-create="30.07.2016">страница3</a></p>
// собираем все дополнительные свойства у первого элемента
var arr_data = $("a:eq(0)").last().data();
console.log(arr_data);
// вывод: Object { cat="GIT", create="30.07.2016"}
Как прочесть урл? Тут всё просто. Эта запись a[href] дополнительная проверка для того чтобы не было undefined;
// собираем свойство href у первого элемента
var url = $("a[href]:eq(0)").attr('href');
console.log(url);
//вывод: /page=1
Любые cвойства элементов javascript переписывают с помощью attr(). Функция attr('href', '/new-page=1') имеет второй дополнительный параметр. Если выполнить такой код $("a[href]").attr('href', '/new-page=1'), то все ссылки перепишутся.
// переписываем свойство href у всех элементов
var url = $("a[href]").attr('href', '/new-page=1');
// смотрим атрибут href последнего элемента
var url = $("a[href]:last").attr('href');
console.log(url);
// вывод: "/new-page=1"