русский עברית

Инструменты

Пользовательское меню с линейными градиентами Лучший Хостинг

Строка Число Логическое значение Объект Опции Массив Карта Функция Вызов Селектор Событие Элемент jQuery MIME XMLHttpRequest Отсроченный jqXHR Обещание

Позиционирование

offset()position()scrollTop()scrollLeft()

Высота и ширина

height()width()innerHeight()innerWidth()outerHeight()outerWidth()

Объекты событий Ajax

event.preventDefault()event.stopPropagation()event.target event.type event.pageX event.pageY event.data event.which event.relatedTarget event.timeStamp event.currentTarget event.isDefaultPrevented()event.isImmediatePropagationStopped()event.isPropagationStopped()event.result event.stopImmediatePropagation()event.namespace event.delegateTarget

Добавляемые модули

jQuery.pushStack()jQuery.error

Примеры jQuery

Примеры jQuery Навигация

Отсроченный объект

deferred.done()deferred.fail()deferred.isRejected()deferred.isResolved()deferred.promise()deferred.reject()deferred.rejectWith()deferred.resolve()deferred.resolveWith()deferred.then()deferred.always()deferred.pipe()promise()deferred.notify()deferred.notifyWith()deferred.progress()deferred.state()

Объект обратного вызова

jQuery.Callbacks()callbacks.add()callbacks.disable()callbacks.empty()callbacks.fire()callbacks.fired()callbacks.fireWith()callbacks.has()callbacks.lock()callbacks.locked()callbacks.remove()

Браузеры

Главная страница браузеров.Статистика браузеров Статистика ОС Статистика изображения Браузер Explorer Браузер Netscape Проект Mozilla Браузер Firefox Браузер Opera Браузер Chrome Браузер Safari Мобильные браузеры

Нашли ошибку в тексте?

Отметьте её курсором и нажмите

Ctrl + Enter

Проверка орфографии Xhtml.co.il

Рассылка

Присоединитесь к списку рассылки для получения последних новостей

Основы jQuery

jQuery Введение в jQuery История jQuery Философия jQuery Функция jQuery $Методы jQuery $(document).ready()Часто задаваемые вопросы

Атрибуты jQuery

Атрибуты

attr( )removeAttr()

addClass()hasClass()removeClass()toggleClass()

Значение

Манипуляция

prop()removeProp()

Селекторы jQuery

селектор id селектор element селектор class универсальный селектор множественный селектор

Иерархия

селектор потомок родитель > ребенок предыдущий + следующий prev ~ siblings

Базовые фильтры

:first :last :not(selector):even :odd :eq(index):gt(index):lt(index):header :animated :focus selector

Фильтры контента

:contains(текст):empty :has(selector):parent

Фильтры видимости на странице

:hidden :visible

Фильтр атрибутов

[атрибут][attribute|=value] [attribute~=value][атрибут=значение][атрибут!=значение][атрибут^=значение][атрибут$=значение][атрибут*=значение][attributeFilter1][attributeFilterN]

Фильтры дочерних объектов

:nth-child(index/even/odd/equation):first-child :last-child :only-child

:input :text :password :radio :checkbox :submit :image :reset :button :file

Фильтры форм

:enabled :disabled :checked :selected

селектор class

селектор class

Описание: Выбирает все элементы с данным классом.

jQuery('класс')

Добавлена в версию: 1.0

класс

Класс для поиска. Элемент может иметь несколько классов, и только один из них должен совпадать.

Для селекторов класса, jQuery использует родную функцию JavaScript getElementsByClassName(), если браузер ее поддерживает.

Примеры

Пример 1

Поиск элемента класса «myClass»

$(".myClass").css("border","3px solid red");

Результат выполнения кода выше:

Попробуйте сами

Пример 1 - Полный код:

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>  
  <script>
  $(document).ready(function(){
$(".myClass").css("border","3px solid red");
  });
  </script>
  <style>
  div,span {
    width: 150px;
    height: 60px;
    float:left;
    padding: 10px;
    margin: 10px;
    background-color: #EEEEEE;
  }
  </style>
</head>
<body>
  <div class="notMe">div class="notMe"</div>
  <div class="myClass">div class="myClass"</div>
  <span class="myClass">span class="myClass"</span>
</body>
</html>

Попробуйте сами

Пример 2

Поиск элемента с обоими классами «myClass» и «myOtherClass».

$(".myClass.myOtherClass").css("border","3px solid red");

Результат выполнения кода выше:

Попробуйте сами

Пример 2 - Полный код:

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>  
  <script>
  $(document).ready(function(){
    $(".myClass.myOtherClass").css("border","3px solid red");
  });
  </script>
  <style>
  div,span {
    width: 150px;
    height: 60px;
    float:left;
    padding: 10px;
    margin: 10px;
    background-color: #EEEEEE;
  }
  </style>
</head>
<body>
  <div class="myClass">div class="myClass"</div>
  <div class="myOtherClass">div class="myOtherClass"</div>
  <div class="myClass myOtherClass">
  <div class="myClass myOtherClass"</div>
</body>
</html>

Попробуйте сами

Была ли эта информация полезной?

Да Нет

Комментарии