• AJAX

  • JSON

  • 显示隐藏

  • 滑动

  • 淡入淡出

  • 常用事件

  • 事件传递

  • 未来元素

  • 属性

  • CSS 类

  • HTML代码/文本/值

  • 插入

  • 删除

  • 复制

  • 基本

  • 层级

  • 筛选器

  • jQuery简介

    jQuery内容暂未编写,请参考W3C

    jQuery 是一个 JavaScript 库。
    jQuery 极大地简化了 JavaScript 编程。
    jQuery 很容易学习。

    一些非常常用的功能,使用JS编写的话,可能需要100行代码,比如一个选项卡或者幻灯片,而使用jQuery编写基本上10行左右就可以实现了。

    示例

    uiZjs是一套业务框架,帮助开发人员进行数据绑定、检验等。
    自动化双向数据绑定、HTML语法加强等等。
    uiZjs吸纳了Bootstrap的栅格系统和响应式布局概念.AngularJS的语法简洁特性。

    源码

    实现这个选项卡的jQuery仅需要以下几行代码

        $(".tabtitle a").click(function () {    //找到选项卡的标题里面的超链接 绑定它们的单击事件

            //当单击某个超链接时给当前元素加一个样式hover 然后找到它的同级其他元素 去掉它们的hover样式

            $(this).addClass("hover").siblings().removeClass("hover");  

            //找到选项卡内容区域的所有元素中的第 某(某为单击的元素在同级元素中是第几个) 个显示它 并且隐藏其他的

            $(".tabbox .tabitems").eq($(this).index()).show().siblings().hide();
        });
        $(".tabtitle a").eq(0).trigger("click"); //默认触发一下第一个按钮的单击事件

    关键点详解

    关键点
    解释
    $(".tabtitle a")
    jQuery最重要的选择器 作任何操作前的第一步 就是 找到这个元素
    click
    绑定单击事件
    addClass
    给指定元素增加样式名
    siblings
    找到当前元素的其他同级元素
    removeClass
    移除指定元素的样式名
    eq
    找到结果集中的第几个元素
    index
    找到元素在同级元素中是第几个
    show
    显示元素
    hide
    隐藏元素
    trigger
    触发某个事件


继续阅读

    uiZjs