dojo 的一些心得笔记

前端之家收集整理的这篇文章主要介绍了dojo 的一些心得笔记前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
  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"
    

猜你在找的Dojo相关文章