.class 选择器(寻找红色铅笔)

.class 选择器(寻找红色铅笔)

我们在上一小节介绍了通过使用元素名称(那么也就是说元素名称就是标签头)查询元素的方法，其实，还可以通过元素的类别属性查找元素，就好比在文具盒中要找一个“红色”铅笔一样，根据元素的某个特征进行查找，它的调用格式如下：

$(“.class”)

其中.class参数表示元素的CSS类别(类选择器)名称。

例如，在页面中，通过class选择器获取某个元素，并显示该元素的class类别名称，如下图所示：

在浏览器中显示的效果：

从图中可以看出，通过class选择器的方式获取元素，并调用元素的attr()方法获取元素的类别名称，并将名称显示在页面中。

 

<!DOCTYPE html>
<html>
    <head>
        <title>.class选择器</title>
        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
        <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
        <div class="red">立正，向我这边看齐</div>
        <div class="green">我先歇歇脚</div>
        
        <script type="text/javascript">
            var $redHTML = $(".red").html();
            $(".green").html($redHTML);
        </script>
    </body>
</html>

 

posted on 2016-07-12 00:34  雪的心  阅读(106)  评论(0)  编辑  收藏  举报

导航