• JavaScript 与 jQuery-简记


    JS
    基本语法 数据类型、变量、运算符与注释、控制语句、语法约定
    高级语法 函数、自定义函数、系统函数
    常用对象 Date对象、String对象、数组
    JS的BOM与DOM
    BOM 浏览器对象,以浏览器为准
    DOM 文档对象,W3C制定

    BOM:window对象
    常用属性 history、location、document、navigator、opener、statues、screen
    常用方法 alert、confirm、prompt、setInterval、clearInterval、setTimeout、open、close
    DOM:节点
    根据ID、Name、TagName访问节点
    根据节点关系访问节点
    DOM:操作节点的
    属性、
    文本、
    样式 className、style.样式名
    EL表达式
    1、${XXX}
    ${.} ${[]} 访问bean或者map entry
    ${empty a} 判断a是不是null 空
    ${s} pageContext-request-session-application
    JSTL 库
    core 循环、表达式赋值、基本输入输出 c
    fmt 日期、数据格式化 fmt
    functions 常用函数 fn
    过滤器
    init doFilter destory
    chain.doFilter
    Ajax 与jQuery
    1、ajax
    XML对象,open,send,处理返回的data
    返回的data html xml json
    2、jQuery中的ajax
    $.ajax();
    $.load/$.get()/$.post()
    load url,data,callback
    get url,data,callback,type
    post url

    $.getScript()/$.getJSON()
    3、jQuery
    选择器
    基本
    $('a') 元素
    $("#specialID") ID
    $(".specialClass") 类
    子选择器 >
    后代 E F
    4、利用jQuery操作DOM
    文档就绪 $(docment).ready(fn);
    操作元素位置
    设置元素属性
    修改元素样式
    获取或设置样式
    设置元素内容
    jQuery事件模型


    jquery对象 与 JS对象的转换
    jq-js jQuery本身提供,通过.get(index)方法,得到相应的DOM对象
    JS-jq 只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象)

    jQuery的案例
    属性、值、CSS、文本
    $("#uname").attr("value","753");
    $("#uname").val();
    $("div").toggleClass("red");
    $("#showDiv").addClass("red");
    $("#showDiv").removeClass("red");
    $("#showDiv").html();
    $("#showDiv").text();
    $("#showDiv").html("<h5>5555555555555</h5>");
    事件
    $("#btn").one("click",function(){});
    $("#btn").bind("click",function(){});
    $("#btn").unbind("click");
    $("#btn").click();
    $("#btn").click(function(){});

    显示
    display 属性设置元素如何显示。
    值 none 不显示
    block 块级元素
    inline 默认,内联元素
    list-item 列表显示
    table 块级表格
    table-row 表格行
    table-cell 表格单元格
    $("#showDiv").show(3000);//如果设置参数,代表显示时间,以毫秒为单位,2000==2s
    $("#sdiv").hide(3000);
    $("div").toggle(2000);
    $("#showDiv").slideDown(2000);
    $("#showDiv").slideUp(2000);
    $("#showDiv").fadeIn(2000);
    $("#showDiv").fadeOut(2000);
    $("#showDiv").fadeTo(4000,0.7);

  • 相关阅读:
    按钮常用
    MySQL常用Json函数
    MySQL所有函数及操作符
    MySQL常用时间函数
    MySQL常用聚合函数
    Shiro整合Spring
    Shiro集成Web
    Shrio授权验证详解
    Shrio认证详解+自定义Realm
    Shiro入门
  • 原文地址:https://www.cnblogs.com/yexingzhiguang/p/6437098.html
Copyright © 2020-2023  润新知