js基本语法、jqueryDOM知识点学习笔记

js基本语法、jqueryDOM知识点学习笔记，一张图带你完全了解相关内容，通过思维导图帮你提高效率，赶紧来试一试吧~

js基本语法、jqueryDOM知识点学习笔记

• js
  • 基本语法
    • 变量
      • 声明和赋值
        • var name = value
          • var name
          • name = value
      • 变量命名规范
        • 同python
    • 语句
      • 用;结尾
    • 基本数据类型和操作
      • 数字
        • int
          • 1
        • float
          • 1.1
        • 操作
          • 四则运算
          • 关系运算
            • float 不要用 = 和 !=
      • 字符串
        • '或者"
        • 操作
          • 四则运算
            • +
          • 关系运算
      • 布尔类型
        • 表示真假
          • true
          • false
        • 操作
          • 布尔运算
            • 与
              • &&
              • 只有两个都为true，结果才为ture
            • 或
              • ||
              • 只要有一个为true，结果为true
            • 非
              • !
      • 数组
        • [1, 2, 3, 4, 5]
        • 操作
          • 获取元素数量
            • arr.length
          • 元素增、删、改、查
            • arr[arr.length] = value
            • delete arr[index]
            • arr[index] = value
            • arr[index]
        • 函数
      • 对象类型(object)
        • {key : value}
        • key只能是字符串
        • 操作
          • 元素的增、删、改、查
      • null/undefined
        • var b = null
          • c = null
        • var c
          • c = undefined
    • 流程控制
      • 条件
        • if
          • if(cond1) { } else if(cond2) { } else if(cond3) { } else { }
        • switch
          • switch(value) { case value1: break; case value2: break; default: break; }
      • 循环
        • for(a;b;c)
          • a
            • 初始化
          • b
            • 条件判断
          • c
            • 循环体后操作
          • 执行顺序
            • a->b->body->c->(b->body->c)...->b
          • for(var i = 0; i < arr.length; i++) { arr[i] }
        • while
          • condition
          • body
          • 执行顺序
            • (condition->body)...->condition
        • do while
          • 执行顺序
            • (body->condition)...
          • 最少执行一次
        • for-in
          • object
            • for( var key in object)
        • continue/break
    • 函数
      • 定义
        • function funcname(args) { body return }
      • 调用
        • var rt = funcname(args)
  • DOM
    • 文档操作
      • 找
        • document.getElementById()
        • document.getElementsByTagName()
        • document.getElementsByClassName()
      • 增
        • child=document.createElement()
        • parent.appendChild(child)
      • 删
        • parent.removeChild(child)
      • 修改
        • 修改内容
          • element.innerHTML = value
            • value=' abc'
          • element.innerHTML
          • elment.innerText
        • 修改属性
          • element.attrname = attrvalue
          • element.attrname
    • 事件
      • click
        • 文档声明
          • 标签onclick='func();'
        • 动态绑定
          • element.click = function() {};
  • BOM
    • 浏览器操作
      • window.location
        • reload()
        • replace(url);
      • window.navigator
      • window.open(url)
  • console
    • console.log()
  • 定时器
    • setTimeout(function() {}, 1000)
• jquery
  • DOM
    • 文档操作
      • 找
        • id
          • jQuery('#id')
        • class
          • jQuery('.classname')
        • tag
          • jQuery('tagname')
        • 混合
        • 子选择
      • 增
        • var child = jQuery(' ')
        • parent.append(child)
      • 删
        • element.remove()
      • 修改
        • 修改内容
          • element.html(value)
          • element.html()
          • element.text()
        • 修改属性
          • value
            • element.val(value)
            • element.val()
          • class
            • element.addClass(classname)
            • element.removeClass(classname)
          • style
            • element.css(key, value)
            • elmeent.css({key : value, key1 : value1})
          • 其他
            • element.attr(key, value)
            • element.attr(key)
    • 事件
      • click
        • 动态绑定
          • jQuery(selector).on('click', function() {})
      • change
      • ready
        • jQuery(document).ready(function() {})
    • 动画
      • 显示/隐藏
        • jQuery(selector).hide/show/toggle
      • 淡入/淡出
        • fadeIn/fadeOut/fadeToggle
      • 滑动
        • slideDown/slideUp
    • ajax
      • 异步的javascript + xml
        • json
      • 同步请求
        • request a
        • request b
        • a请求发起->a请求完成 -> b请求发起->b请求结束
      • 异步
        • a请求发起->b请求发起->a请求完成->b->请求结束
      • 函数
        • jQuery.post/get
        • post(url, data, function(data) {}, 'json')
        • get(url, function(data){})