селектор JQ

<Тело>
    <H1> заголовок, 1 </ h1>
    <H1 стиля = "дисплей: нет"> титульной 2 </ h1>
    <H1> заголовок 3 </ h1>
    <Ул класс = «список»>
        <Li> HTML </ li>
        <Литий класс = "красный"> Javascript </ li>
        <Li> PHP </ li>
        <Li> CSS </ li>
        <Литий класс = "красный"> MySQL </ li>
        <Li> питон </ li>
    </ UL>
    <Ул класс = «список»>
        <Li> link1 </ li>
        <Li> </ li>
        <Li> link3 </ li>
        <Li> </ li>
        <Li> link5 </ li>
        <Li> link6 </ li>
    </ UL>
    <DIV класс = "коробка"> 1 </ DIV>
    <DIV класс = "коробка"> 2 </ DIV>
    <DIV класс = "коробка"> 3 </ DIV>
    <DIV ID = "продолжение"> 4 </ DIV>
    <DIV ID = "продолжение"> 5 </ DIV>
    <DIV ID = "продолжение"> 6 </ DIV>
    <DIV класс = "сообщение">
        <DIV класс = "Xbox">
            <H2> подзаголовки 2-1 </ h2>
            <H2> подзаголовки 2-2 </ h2>
        </ DIV>
        <H2> подзаголовки 1-1 </ h2>
        <H2> подзаголовки 1-2 </ h2>
    </ DIV>
    <SPAN> 7 </ SPAN>
    <SPAN> 8 </ SPAN>
    <SPAN> 9 </ SPAN>
    <Входной тип = «текст» имя = «пользователь»>
    <Входной тип = «текст»>
    <Входной тип = «пароль» имя = «пользователь»>
</ Body>
<Сценарий SRC = "../ jquery.js"> </ скрипт>
<Скрипт>
    
    // $ ();

    // свойства ID слепота
    // $ ( "# продолжение") CSS ( "фон", "красный").

    // $ ( "окно "). CSS (" фон", "красный").

    // $ ( "оболочка"). CSS ( "фон", "красный")

    // $ ( "сообщ h2 "). CSS (" фон", "красный")
    // $ ( "сбщ "). Найти (" h2 "). CSS (" фон", "красный")

    // $ ( "сбщ> h2 "). CSS (" фон", "красный")
    // $ ( "сбщи "). Дети (" h2 "). CSS (" фон", "красный")

    // $ ( "сообщ + оболочка "). CSS (" фон", "красный")
    // $ ( "сбщ "). Следующий (" оболочка "). CSS (" фон", "красный")

    // $ ( "сообщ ~ диапазон "). CSS (" фон", "красный")
    // $ ( "сбщ "). NextAll (" оболочка "). CSS (" фон", "красный")

    // $ ( "вход [тип = текст] [имя]"). CSS ( "фон", "красный")
    
    // CSS селекторы
    // сочетание вы найдете ... подробнее

    // $ ( "Список ли: первый ") CSS (" фон", "красный").
    // $ ( "список Ли "). Первый (). CSS (" фон", "красный")

    // $ ( "список ли: последний ") CSS (" фон", "красный").
    // $ ( "список Ли "). Последний (). CSS (" фон", "красный")

    // $ ( "список ли:. Эк (3) "). CSS (" фон", "красный")
    // $ ( "список литий "). Эк (3) .css (" фон", "красный")

    // $ ( "список ли: нечетные ") CSS (" фон", "красный").
    // $ ( "список Ли "). Нечетным (). CSS (" фон", "красный") ×

    // $ ( "список ли: даже "). CSS (" фон", "красный")

    // $ ( "Список ли: нет (.red) ") CSS (" фон", "красный").
    // $ ( "список литий "). Нет (". Красный "). CSS (" фон", "красный")

    // $ ( "список ли:. Содержит (J) ") CSS (" фон", "красный").
    // $ ( "список литий "). Содержит (" J "). CSS (" фон", "красный") ×

    // $ ( "Список ли: пусто ") CSS (" фон", "красный").
    // пустой (), это не вариант, используется, чтобы очистить содержимое текущего элемента DOM
    // $ ( "список ли.") Пустой ().

    // $ ( "список: имеет (.red). ") CSS (" фон", "красный").
    // $ ( " ") список. Есть (". Красный "). CSS (" фон", "красный")

    // $ ( "h1: скрытый"). CSS ( "дисплей", "блок")
    // $ ( "h1: видимый"). CSS ( "дисплей", "нет")


    

</ Скрипт>

рекомендация

отwww.cnblogs.com/cxyuan/p/11563196.html