zoukankan      html  css  js  c++  java
  • 简单理解Ext.DomQuery操作CSS3选择器

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>理解Ext.DomQuery</title>
        <link rel="stylesheet" href="src/ext/resources/css/ext-all.css">
    
        <!--ext-base 必须在ext-all之前引入-->
        <script src="src/ext/ext-base.js"></script>
        <script src="src/ext/ext-all.js"></script>
        <!--<script src="src/ext/ext-lang-zh_CN.js"></script>-->
        <style>
            .red{
                color: red;
            }
        </style>
    </head>
    <body>
        <div id="elId">
            <ul>
                <li>a - one</li>
                <li>a - two</li>
                <li>a - three</li>
                <li>a - four</li>
            </ul>
            <ul>
                <li>b - one</li>
                <li>b - two</li>
                <li>b - three</li>
                <li>b - four</li>
            </ul>
        </div>
    
    <script>
        Ext.onReady(function () {
            Ext.fly('elId').select('li:nth-child(2n)').addClass('red')
        });
    </script>
    </body>
    </html>

    更多属性方法请查看官方文档API 

    附带个人收集的Ext3.4书籍:

    内含《JavaScript凌厉开发—Ext JS 3详解与实践》,《ExtJs 3.3 中文API.chm》,《ExtJS源码分析与开发实例宝典》,《轻松搞定ExtJS》,《深入浅出ExtJS(第2版)》

    百度云地址

    提取码:aosf

  • 相关阅读:
    Mac下github项目检出与提交
    Mac下Vim配置语法高亮
    Mac下JDK安装配置
    shiro实现app和web统一登录
    mysql优化30条建议
    log4j配置说明
    lambda遍历的精简
    lambda表达式详解
    dubbo
    java8新特性lamda表达式在集合中的使用
  • 原文地址:https://www.cnblogs.com/hpx2020/p/10837573.html
Copyright © 2011-2022 走看看