程序博客网 > 磁力看片软件

jQuery选择器之类选择器

来源：互联网 发布：磁力看片软件 编辑：程序博客网 时间：2024/05/01 05:05


类选择器，顾名思义，通过class样式类名来获取节点

描述：

$( ".class" )

类选择器，相对id选择器来说，效率相对会低一点，但是优势就是可以多选

同样的jQuery在实现上，对于类选择器，如果浏览器支持，jQuery使用JavaScript的原生getElementsByClassName()函数来实现的

右边实现一个原生getElementsByClassName()函数的实现代码与jQuery实现代码的比较

我们不难发现：

jQuery除了选择上的简单，而且没有再次使用循环处理

不难想到$(".imooc").css()方法内部肯定是带了一个隐式的循环处理，所以使用jQuery选择节点，不仅仅只是选择上的简单，同时还增加很多关联的便利操作，后续我们还会慢慢的学到其他的优势。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
    <title></title>
    <style>
        div {
            width: 100px;
            height: 90px;
            float: left;
            padding: 5px;
            margin: 5px;
            background-color: #EEEEEE;
        }
    </style>
    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>   
<div class="aaron">
    <p>class="aaron"</p>
    <p>选中</p>
    </div>   
     <div class="aaron">
        <p>class="aaron"</p>
        <p>选中</p>
    </div>


    <div class="imooc">
        <p>class="imooc"</p>
        <p>jQuery选中</p>
    </div>
    <div class="imooc">
        <p>class="imooc"</p>
        <p>jQuery选中</p>
    </div>


    <script type="text/javascript">
        //通过原生方法处理
        //样式是可以多选的，所以得到的是一个合集
        //需要通过循环给合集中每一个元素修改样式
        var divs = document.getElementsByClassName('aaron');
        for (var i = 0; i < divs.length; i++) {
            divs[i].style.border = "3px solid blue";
        }
    </script>


    <script type="text/javascript">
        //通过jQuery直接传入class
        //class选择器可以选择多个元素
        $(".imooc").css("border", "3px solid red");
    </script>


0 0
磁力看片软件 磁力看片软件
原创粉丝点击
热门IT博客
淘宝怎么搜索域名淘宝怎么搜索域名
月野里沙数据月野里沙数据
淘宝收藏有礼怎么设置
js的初始化
艾佛森数据
神仙劫羽翼进阶数据
老电视能看网络电视吗
教跳舞的软件
谷歌语音搜索软件
acr122u破解软件 下载
怎么注册免费的域名
手机淘宝运营攻略txt
常见的网络架构有哪些
网络qos定义
js处理省市区三级联动
网络提速
关系数据库设计理论
facebook中国知乎
蓄水池算法
js 数组转化为字符串
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 自驾游澳洲 澳洲自助游 自助游澳洲 澳洲城 澳洲万格红 澳洲bioisland 澳洲海豚湾 澳洲玉 澳洲格兰玛弗兰 澳洲白绵羊多少钱一只 澳洲白绵羊图片 澳洲青龙虾 澳洲虾 澳洲豹红酒2015价格 澳洲swisse钙中文说明书 澳洲鲍鱼 澳洲大鲍鱼图片 澳泊润 澳珀润软膏多少钱一支 澳牧犬 澳特斯吸油烟机 澳特斯热水器 澳特斯油烟机 澳特斯厨卫 大雨澳斯特酒店预订 澳洲红酒品牌排行榜 按摩器械 澳瑞白 澳瑞特跑步机 澳瑞白是个什么鬼 澳瑞特健身器材 澳瑞特 纽澳莱 纽宝国际早教中心 克丽缇娜卡 克丽缇娜美容院曝光 克丽缇娜产品含激素 克丽缇娜产品好用吗 克丽缇娜项目价格表 克丽缇娜产品价格表 克丽缇娜产品介绍

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里