jQuery选择器

1 id选择器(指定id元素)

将id="one"的元素背景色设置为黑色。(id选择器返单个元素)

$(document).ready(function () {
        $('#one').css('background', '#000');
    });

 2 class选择器(遍历css类元素)

将class="cube"的元素背景色设为黑色

$(document).ready(function () {
        $('.cube').css('background', '#000');
    });

3 element选择器(遍历html元素) 

将p元素的文字大小设置为12px

$(document).ready(function () {
        $('p').css('font-size', '12px');
    });

 4 并列选择器

$(document).ready(function () {
        // 将p元素和div元素的margin设为0
        $('p, div').css('margin', '0');
    });

 5  基本过滤选择器

:first和:last(取第一个元素或最后一个元素)

$(document).ready(function () {
            $('span:first').css('color', '#FF0000');
            $('span:last').css('color', '#FF0000');
        });

 下面的代码,G1(first元素)和G3(last元素)会变色

<span>
G1
</span>
<span>G2</span>
<span>
G3
</span>

 

相关推荐