dojo 的一些心得笔记

本文详细介绍了Dojo查询方法的使用,包括通过ID、名称、样式、位置、属性等条件选择元素,并提供了多种查询实例。适用于前端开发人员深入理解DOM操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1.  dojo.query 的用法

    dojo 有两种选择元素的方法:dojo.byId() 和 dojo.query() ,他们的区别是,dojo.byId() 返回 一个元素,dojo.query() 返回数组
    //1. 查询出所有element 中id是 a1的对象 ,注意这里的 # 符号
    	arr=dojo.query('#a1');
    //2. 查询所有element 名字是 a 的元素(完全是a的)
            arr=dojo.query('a'); 
    
    //3. 根据样式名选择。选择所有样式为 foo 的元素
            arr=dojo.query(".foo"); //注意这里的 . 符号
    
    //4. 选择所有  a  ,并且是 位于第一位置的元素数组
            arr=dojo.query('a:first-child'); 
    
    //5. 选择指定节点下的所有子元素(包括间接子元素)。选择 "sub_1" 下的所有 a 元素
            arr=dojo.query("a", "sub_1")
    // 或者
            arr=dojo.query('#sub_1 a'); 
    
    // 或者 ,这种方法不但指定父节点的 id 为  "sub_1" ,还指定父节点类型为 div
            arr=dojo.query('div#sub_1 a'); 
    
    //6. 选择直接子元素。在指点节点 "sub_1" 的直接子元素中,选择所有 a 元素(a 可以用任何通配符替换)
            arr=dojo.query('> a' , "sub_1"); //注意:大于号后面要有空格
    
    // 或者
       arr=dojo.query('#sub_1  > a'); //注意:大于号后面要有空格
    // 或者
       arr=dojo.query('div#sub_1  > a'); //注意:大于号后面要有空
    //这里选择 id 属性值 等于"a2"的元素。还有其他判断方法:
    element[attr = "bar"] : 属性值等于"bar"
    element[attr != "bar"] : 属性值不等于"bar"
    element[attr ^= "bar"] : 属性值等于以"bar"开始
    element[attr$ = "bar"] : 属性值等于以"bar"结束
    element[attr ~= "bar"] : 属性值是一个列表,其中有一个值等于"bar"
    element[attr *= "bar"] : 属性值是一个字符串,其中包含"bar"
    






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值