Znajdowanie elementów po tekście za pomocą jQuery
Za pomocą selektora jQuery contains()
można znaleźć tekst w treści elementu HTML. Poniższy skrypt działa tak, że jeśli nie znajdzie wybranego tekstu, to ukryje element, w którym go szukał:
var search = $('#search').val(); $('div:not(:contains("' + search + '"))').hide();Przełączanie JavaScriptu zależnie od zmiany widoczności elementu za pomocą jQuery
Jeśli chcesz uruchomić wybrany skrypt JavaScript, gdy użytkownik przestanie interesować się kartą lub do niej wróci, możesz skorzystać z poniższego rozwiązania:
$(document).on('visibilitychange', function (e) { if (e.target.visibilityState === "visible") { console.log('Karta jest teraz widoczna!'); } else if (e.target.visibilityState === "hidden") { console.log('Teraz karta jest niewidoczna!'); } });
Autor: Matt Smith
Źródło: https://github.com/AllThingsSmitty/jquery-tips-everyone-should-know
Tłumaczenie: Łukasz Piwko
Treść tej strony dostępna jest na zasadach licencji MIT
Zobacz również:
- Przycisk powrotu do góry w jQuery
- Wczytywanie obrazów na zapas za pomocą jQuery
- Sprawdzanie za pomocą jQuery czy obrazy zostały już załadowane
- Automatyczne poprawianie uszkodzonych obrazów za pomocą jQuery
- Zmienianie klas za pomocą jQuery w reakcji na najechanie kursorem na element
- Wyłączanie pól formularza za pomocą jQuery
- Wyłączanie odnośników za pomocą jQuery
- Przełączanie efektów zanikania i przesuwania za pomocą jQuery
- Prosty akordeon w jQuery
- Otwieranie odnośników za pomocą jQuery