Главная » Файлы » jQuery скрипты | jQuery снипепеты | jQuery плагины


Допустим у нас есть на странице ссылки трех видов

первый вид ведет на другие страницы моего сайта
второй на прикрепленные файлы
третий на email

Можно сделать небольшой ход, который сделает ссылки наглядными и позволит сразу определить по внешнему виду ссылки , ее цвету например, куда она ведет , не прописывая классы css для каждой ссылки, а воспользовавшись средствами jQuery.

Берем все ссылки ведущие на e-mail,составляем селектор, который бы искал все якорные элементы (a) с атрибутом href ([@href]), который начинается с mailto (^=”mailto:”).

Code
$(document).ready(function(){
$('a[@href^="mailto:"]').addClass("mailto");
});


Для выбора ссылок, ведущих например на pdf-файл, мы будем использовать знак $, указывающий на конец строки, так как нам нужно получить все элементы с атрибутом href, который заканчивается на .pdf:

Code
$(document).ready(function(){
$('a[@href^="mailto:"]').addClass("mailto");
$('a[@href$=".pdf"]').addClass("pdflink");
});


аналогично можно сделать для любого прикрепленно файла другого типа

А для получения всех ссылок, ведущих на другие страницы — т.е. на страницу допустим mysite.com — нужно использовать звездочку, с помощью которой мы сможем выбрать не только прямые ссылки на mysite.com, а вообще все в которых встречается строчка с адресом сайта:

в итоге

Code
$(document).ready(function(){
$('a[@href^="mailto:"]').addClass("mailto");
$('a[@href$=".pdf"]').addClass("pdflink");
$('a[@href*="mysite.com"]').addClass("mysite");
});


Для каждого типа соответственно необходимо задать класс css отвечающий за внешнее представление





Ваша оценка:

Рейтинг: 0.0 Всего:0 Добавил: Михалыч

Другие новости

Поделиться ссылкой

Ссылка:
BB-code:
HTML:
Комментарии
Всего комментариев: 0