Возможно ли выполнить условие проще, не выставлять проверку на содержимое по 0px?

@Gerd199 · 08.01.2020, 17:44. **Показов** 558. **Ответов** 5

Студворк — интернет-сервис помощи студентам

JavaScript
1
if($('header', 0).css('margin-top') != '0px')

Возможно ли выполнить условие проще, не выставлять проверку на содержимое по 0px? Необходимо провера на наличии заданного отступа...

@amr-now · 08.01.2020, 18:08

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
    <h1 id="hh">Текст</h1>
    <script>
        if (parseFloat($("h1", 0).css("margin-top")))
            console.log("OK");
        console.log($("h1")[0].style.marginTop);
    </script>
</body>
</html>

У Вас скорее проверка на наличие любого отступа.

Прикольно, что jQuery показывает вычисленное значение, а не из атрибута элемента.

@j2FunOnly · 10.01.2020, 09:03

Сообщение от amr-now

JavaScript
1
$("h1", 0)

Кто-нибудь может внятно объяснить такую запись? Что это такое? Зачем там 0?

https://api.jquery.com/jQuery/... or-context

jQuery( selector [, context ] )

context
Type: Element or jQuery
A DOM Element, Document, or jQuery to use as context

@amr-now · 10.01.2020, 09:42

j2FunOnly, здравствуйте.
Получить объект-коллекцию jQuery, содержащую единственный первый элемент, который был бы в jQuery-коллекции, если просто применить CSS-селектор.

Данная перегрузка конструктора даёт результат, отличающийся от $("h1")[0], где получим настоящий единственный HTML-элемент.

Добавлено через 13 минут
-----
Спасибо, оказывается на действует

А так работает:

JavaScript
1
$('.classA:eq(0)').click(onclickDivergent2);

@j2FunOnly · 10.01.2020, 09:44

Сообщение от amr-now

содержащую единственный первый элемент

Откуда это? Где это написано? Не первый раз вижу такой ответ. Вы сами-то проверяли данное утверждение?

PHP/HTML
1
2
3
4
5
6
7
<main>
<p></p><p></p><p></p>  
</main>
<script src="https://unpkg.com/jquery"></script>
<script>
    alert($('p', 0).length);
</script>

https://jsfiddle.net/9y5q2zxh/
Почему в алерте 3?

Добавлено через 44 секунды

Сообщение от amr-now

Спасибо, оказывается на действует

Дайте мне первоисточник откуда пошло такое

@amr-now · 10.01.2020, 10:40

j2FunOnly, что называется - век живи, век учись.
Вдобавок :first отдепрекатили.

As of jQuery 3.4, the :first pseudo-class is deprecated. Remove it from your selectors and filter the results later using .first().
The :first pseudo-class is equivalent to :eq( 0 ). It could also be written as :lt( 1 ). While this matches only a single element, :first-child can match more than one: One for each parent.

Нужно переходить на настоящий CSS псевдо-класс :first-child

Добавлено через 18 минут
То есть так правильно:

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
    <h1 id="hh">Текст</h1>
    <script>
        if (parseFloat($("h1:first-child").css("margin-top")))
            console.log("OK");
        console.log($("h1")[0].style.marginTop);
    </script>
</body>
</html>

Добавлено через 22 минуты
---
Или даже применить CSS3 псевдо-селектор h1:first-of-type
Но и у него есть опасность. Он применяется при каждом из разных родительских элементов. Тоже трудноуловимая хитрость.

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! в-строка - входное арифметическое выражение в инфиксной(обычной). . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .