Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Дополнить код (https://javascript.ru/forum/jquery/83339-dopolnit-kod.html)

Сергей Ракипов 19.11.2021 07:46

Дополнить код
 
<!DOCTYPE html>
<html lang="ru_RU">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <style>
        .box {
            cursor: pointer;
            font-size: 24px;
            display: block;
        }

        .box2 {
            color: blue;
            font-size: 24px;
            display: block;
        }
    </style>
    <script>
        jQuery( document ).ready( function ( $ ) {
            $( '.box' ).hover( function () {
                // навели мышь на элемент
                $( '.box2' ).css( 'color', 'red' );
            }, function () {
                // убрали мышь с элемента
                $( '.box2' ).css( 'color', '' );
            } );
        } );
    </script>
</head>
<body>
    <div>
        <p class="box">Какой то текст</p>
    </div>
    <div>
        <p class="box2">Элемент</p>
    </div>
</body>
</html>


Дополнить код, что бы когда разрешение экрана было меньше 640px
то при наведении .box то .box2 менял цвет orange а когда убрали курсор с .box при разрешение меньше 640 то .box2 менял на цвет blue

ksa 19.11.2021 08:38

Цитата:

Сообщение от Сергей Ракипов
когда разрешение экрана было меньше 640px

Вот тебе статейка...
https://habr.com/ru/post/509258/

Сергей Ракипов 19.11.2021 08:53

ksa,
Я могу сделать на обычном js но я не знаю правил написание синтаксиса на jQ

ksa 19.11.2021 08:58

Цитата:

Сообщение от Сергей Ракипов
я не знаю правил написание синтаксиса на jQ

Оно аналогичное...
https://jquery-docs.ru/click/

ksa 19.11.2021 09:00

Сергей Ракипов, вот русский вариант...
https://basicweb.ru/jquery/jquery_event_click.php

Сергей Ракипов 19.11.2021 09:02

ksa,
Так у меня это написано в коде, мне в этом коде не хватает условий max-width

ksa 19.11.2021 09:25

Цитата:

Сообщение от Сергей Ракипов
мне в этом коде не хватает условий max-width

Т.е. ты не умеешь применять "условное ветвление"? :blink:
https://learn.javascript.ru/ifelse

ksa 19.11.2021 09:29

Что-то про click я явно не в ту тему написал... :D
Там у камрада кликать на капчу не получалось.

Сергей Ракипов, вот тебе вариант про разрешение на jQ...
http://bologer.ru/poluchit-vysotu-i-...rana-s-jquery/

Правда я не пойму зачем именно на jQ это все определять. Тебя кто-то так заставляет? :-?

рони 19.11.2021 09:50

Сергей Ракипов,
// навели мышь на элемент
                $( '.box2' ).css( 'color', window.matchMedia('(min-width: 640px)').matches  ? 'red' : 'orange');

Сергей Ракипов 19.11.2021 10:05

Цитата:

Сообщение от ksa (Сообщение 541585)
Что-то про click я явно не в ту тему написал... :D
Тебя кто-то так заставляет? :-?

говорят если научится пользоваться этим библиотеками будет проще


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