jQuery选择器(一)

一、基本选择器
1、id选择器
选择器：#id
描述：根据给定的id匹配一个元素
返回：单个元素
示例：改变id为mydiv的元素的背景色

<script type="text/javascript">
    $(document).ready(function(){
        //id选择器
        $("#mydiv").css("background","#f96");
     });
</script>

2、class选择器
选择器：.class
描述：返回给定的类名匹配的元素
返回： 集合元素
示例：改变class为mini的所有元素的背景色

<script type="text/javascript">
    $(document).ready(function(){
        //class选择器
        $(".mini").css("background","#f96");
     });
</script>

3、元素选择器
选择器：element
描述：根据给定的元素名匹配元素
返回：集合元素
示例：改变元素名是<div>的所有元素的背景色

<script type="text/javascript">
    $(document).ready(function(){
        //element选择器
        $("div").css("background","#f96");
     });
</script>

4、所有元素选择器
选择器：*
描述：改变匹配的所有html标签元素
返回值：集合元素
示例：改变html所有元素标签的背景色

<script type="text/javascript">
    $(document).ready(function(){
        //*选择器
        $("*").css("background","#f96");
     });
</script>

5、多种元素选择器
选择器：selector,selector2,...selectorN
描述：将每一个选择器匹配到的元素合并后一起返回
返回：集合元素
示例：改变class名为mini和段落p元素的背景色

<script type="text/javascript">
    $(document).ready(function(){
        //selector1,selector2,...selectorN选择器
        $(".mini,p").css("background","#f96");
     });
</script>

 

 

jQuery选择器(一)

jQuery选择器(二)

jQuery选择器(三)

jQuery选择器(四)