Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   jQuery поменять CSS цвет для текста при наведении мышью (.text:hover) (https://javascript.ru/forum/jquery/3194-jquery-pomenyat-css-cvet-dlya-teksta-pri-navedenii-myshyu-text-hover.html)

subzey 08.11.2010 23:27

Ох-ох! А нельзя просто добавить в документ объект style с нужным цссным правилом внутри?
Приоритетность у селекторов одинаковая, так что, тот набор правил, который в документе позже, перекроет тот, что раньше.

x-yuri 09.11.2010 04:04

я думаю, Dobrak решал несколько другую задачу, а именно, "как сделать ...:hover {} с помощью jQuery" ;)

monolithed 09.11.2010 07:57

На мой взгляд самое просто решение:
<style type="text/css">
a {color: red;}
.color {color: black;}
</style>

<a href="#" class="color">наведи</a>

<script type="text/javascript">
$(function(){
      $('a').hover(function(){
            $(this).toggleClass('color');
     });
})
</script>

x-yuri 09.11.2010 10:11

monolithed, подразумевается, что .color {color: black;} добавляется динамически? Зачем здесь jQuery?

p.s. а когда пользователь уберет мышь?

monolithed 09.11.2010 10:19

Цитата:

Сообщение от x-yuri
monolithed, подразумевается, что .color {color: black;} добавляется динамически?

да

Цитата:

Сообщение от x-yuri
Зачем здесь jQuery?

В данном случае абсолютно бессмысленно, но если использоваться будет элемент отличный от a? то есть смысл в этом подходе

Цитата:

Сообщение от x-yuri
p.s. а когда пользователь уберет мышь?

цвет вернется в начальное значение

<script src="http://code.jquery.com/jquery.min.js" type="text/javascript"></script>

<style type="text/css">
a {color: red;}
.color {color: black;}
</style>

<a href="#" class="color">наведи</a>

<script type="text/javascript">
$(function(){
      $('a').hover(function(){
            $(this).toggleClass('color');
     });
})
</script>

x-yuri 11.11.2010 09:42

Цитата:

Сообщение от monolithed
цвет вернется в начальное значение

хм, не знал о синтаксе с одним callback'ом. Наверное, где-то после v1.4 появился...

Dobrak 15.11.2010 19:56

У меня функция цепляется практически к любому элементу с классом ".price" (DIV, TR, P, SPAN и т.д.)

А главное люблю когда код красивый и если пишу с использованием JQuery на сайте - то предпочитаю все функции на нём реализовывать, чтоб код не запутывать ...

Спасибо monolithed у меня второй this оказывается мона опустить :) я не подумал об этом


Часовой пояс GMT +3, время: 01:38.