zoukankan      html  css  js  c++  java
  • jquery 常用api 小结2

    *一)jQuery常用方法API实战
    (1)DOM简述与分类
    A)DOM是一种标准,它独立于平台,语言,浏览器。
    B)如果项目中,你完全按照DOM标准写代码,你就能在各大主流的浏览器中操作标准控件。
    C)参见<<>>

    (2)jquery操作DOM的常用API实战
    父.append(子)
    父.prepend(子)
    ------------------------------
    A.after(B):B在A之后
    A.before(B):B在A之前
    ------------------------------
    attr(key,value)设置属性值
    attr(key)获取属性值
    ------------------------------
    val()获取value属性值
    val(value)设置value属性值
    ------------------------------
    $("html代码")创建标签,文本和属性
    ------------------------------
    remove()删除元素和其子元素
    ------------------------------
    旧.replaceWith(新):新替换旧
    ------------------------------
    html()

    css()
    ------------------------------
    removeAttr():删除属性
    ------------------------------
    clone()
    close(true)
    ------------------------------
    addClass()
    hasClass()
    removeClass()
    toggleClass()
    ------------------------------
    children() 取子元素不考虑后代元素
    next()后面紧邻同辈元素
    prev()前面紧邻同辈元素
    siblings()前后所有同辈元素集合 可以用each()遍历
    ------------------------------
    show()可用于图片显示
    hide()
    ------------------------------
    slideUp() 上滑
    slideDown()下滑
    ------------------------------

    *二)jQuery常用事件API实战
    window.onload事件:
    A)在页面加载时执行
    B)如果写多个onload事件,后者覆盖前者
    C)无简写形式
    $(document).ready()事件:
    A)在页面加载时执行
    B)$(document).ready(处理函数);
    C)$();
    change()
    select()
    focus()

    //获取浏览器产生的事件对象,该事件对象,无需程序员代码创建,
    //是每个浏览器自已产生的,即IE和firefox浏览器产生的事件
    //对象可以不同,event对象。
    var code = event.keyCode;


    keyup():左37/上38/右39/下40
    mousemove()
    mouseout()
    mouseover()
    submit()

    *三)jQuery常用AJAX-API实战

    (1)取得服务端当前时间
    jquery对象.load(url,sendData,function(backData,textStatus,xhr){... ...})
    load():如果无参的话,就以GET方式发送
    如果有参的话,就以POST方式发送

    (2)检查注册用户名是否存在
    $.get(url,sendData,function(backData,textStatus,xhr){... ...})
    $.post(url,sendData,function(backData,textStatus,xhr){... ...})

    (3)二,三级菜单联动
    $.post(url,sendData,function(backData,textStatus,xhr){... ...})
    思考:将菜单联动做成数据库版本

    (4)jquery对象.serialize()
    能够收表参数,形成一个json格式字符串,
    前提是:必须为每一个表单项取一个name属性

  • 相关阅读:
    Flex 布局:语法
    Sublime Text常用快捷键
    WebStorm快捷键操作
    获取token
    Oracle杂记
    YKT文件解析
    杂记_ 关键字
    Python Web 性能和压力测试 multi-mechanize
    详细介绍windows下使用python pylot进行网站压力测试
    python文件和目录操作方法大全
  • 原文地址:https://www.cnblogs.com/friends-wf/p/3809712.html
Copyright © 2011-2022 走看看