Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.63/8: Рейтинг темы: голосов - 8, средняя оценка - 4.63
 Аватар для ship79
3 / 3 / 0
Регистрация: 15.12.2013
Сообщений: 155

Получение css свойства элемента

18.04.2017, 14:51. Показов 1770. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
здравствуйте. я новичок в jQuery, сижу вот разбираюсь в синтаксисе и не могу понять, как проверить на наличие в элемента определенного css свойства.

допустим есть параграф с текстом, и я ставлю ему свойство color, как мне определить есть ли оно в этом параграфе с помощью jQuery?

HTML5
1
<p>Hello, World!</p>
CSS
1
2
3
p {
 color: red;
}
я пытался такой код прописать:
JavaScript
1
2
3
4
$('p').click(function(){
  if($(this).css('color') == 'red')
     $(this).hide(800);
});
но при клике ничего не происходит...
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
18.04.2017, 14:51
Ответы с готовыми решениями:

Получение элемента по селектору css.
Есть такая штука ul.menu li a, ul.menu li span { ........... } мне нужно взять этот элемент в js,...

Свойства CSS
Подскажите, как придать несколько параметров в функцию CSS

Изменение свойства css с JS
Можно ли значение, которое содержит переменная &quot;а&quot; указать в присвоении. Т.е.: //чтоб вместо этого var a = $('#left_side').width();//...

3
 Аватар для Уф
890 / 725 / 447
Регистрация: 13.07.2015
Сообщений: 2,277
18.04.2017, 15:03
слово может преобразоваться в 16ричный цвет, пиши везде вместо red #FF0000
0
the hardway first
Эксперт JS
 Аватар для j2FunOnly
2475 / 1847 / 910
Регистрация: 05.06.2015
Сообщений: 3,610
18.04.2017, 15:13
Цитата Сообщение от ship79 Посмотреть сообщение
я пытался такой код прописать:
JavaScript
1
$(this).css('color') == 'red'
Во внутреннем представлении браузера цвет будет представлен в виде rgb(255, 0, 0). Если что-то не получается, всегда можно посмотреть в консоли что же происходит в браузере.

Например так:
JavaScript
1
2
3
4
5
6
7
8
9
// jQuery
console.log($("p").css("color"));
 
// native JS WebAPI
console.log(
  window.getComputedStyle(
    document.querySelector('p'), null
  ).getPropertyValue('color')
);
И вопрос на засыпочку - сможете сразу сказать, что выведется в консоль и почему?
HTML5
1
2
3
<p>
  Hello World!
</p>
CSS
1
2
3
p {
  transition: background .1s;
}
JavaScript
1
2
console.log($('p').css('transition'));
console.log($('p').css('transition-timing-function'));
0
 Аватар для ship79
3 / 3 / 0
Регистрация: 15.12.2013
Сообщений: 155
18.04.2017, 15:23  [ТС]
j2FunOnly, спасибо большое! я думал о том, что он не будет выдавать код в виде слова, пробовал прописывать подобным образом - #000, но не додумался через console.log проверить)
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
18.04.2017, 15:23
Помогаю со студенческими работами здесь

Изменить css свойства
Можно ли это реализовать и если да то как? &lt;div class=&quot;someClass&quot; id=&quot;thisdiv&quot;&gt;&lt;/div&gt; $('#thisdiv').live('click', function(){ ...

Изменить свойства css используя js?
Есть навигация. Допустим с background-color: 1. Навигация зафиксирована и при скролинге вниз на определенной высоте надо поменять свойство...

Динамическое изменение CSS свойства
Нужно менять свойство в зависимости от размеров экрана Вот, что написал, я вычисляю нужную мне велечину, и хочу вставить её значение в...

Получить css свойства объекта
вот так устанавливаю css свойства объекта, к примеру var el=document.getElementsByTagName(&quot;input&quot;); el.style.width=100; свойство...

Не отображаются CSS свойства в DOM
Доброго времени суток, уважаемые форумчане! Хочу сделать изменение прозрачности в background-color по нажатию кнопочек. В чем,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Автозаполнение реквизита при выборе элемента справочника
Maks 27.03.2026
Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .
Сумматор с применением элементов трёх состояний.
Hrethgir 26.03.2026
Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .
Автозаполнение реквизитов при создании документа
Maks 26.03.2026
Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .
Команды формы и диалоговое окно
Maks 26.03.2026
1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT?
DevAlt 26.03.2026
Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при изменении наименования справочника
Maks 24.03.2026
Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .
модель ЗдравоСохранения 5. Меньше увольнений- больше дохода!
anaschu 24.03.2026
Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .
Midnight Chicago Blues
kumehtar 24.03.2026
Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru