axios中jq的基础

jq语法

  • $(this).hide() 隐藏当前的html元素

  • $(''#test").hide() 隐藏id=‘test’的元素

    添加新的 HTML 内容

    我们将学习用于添加新内容的四个 jQuery 方法:

    • append() - 在被选元素的结尾插入内容
    • prepend() - 在被选元素的开头插入内容
    • after() - 在被选元素之后插入内容
    • before() - 在被选元素之前插入内容

    删除元素/内容

    如需删除元素和内容,一般可使用以下两个 jQuery 方法:

    • remove() - 删除被选元素(及其子元素)
    • empty() - 从被选元素中删除子元素

    设置多个css属性

    $("p").css({"background-color":"yellow","font-size":"200%"});

遍历

  • 元素是
      的父元素,同时是其中所有内容的祖先。
      • 元素是
      • 元素的父元素,同时是
        的子元素
      • 左边的
      • 元素是 的父元素,
          的子元素,同时是
          的后代。
        • 元素是
        • 的子元素,同时是
            的后代。
          • 两个
          • 元素是同胞(拥有相同的父元素)。
          • 右边的
          • 元素是 的父元素,
              的子元素,同时是
              的后代。
            • 元素是右边的
            • 的子元素,同时是
                的后代。

              jq事件

              • focus() 当输入框获得焦点时
              • load() 当指定元素(及字元素加载时),会发生load()事件
              • mousedown() 当按下鼠标按钮时
              • mouseenter() 当鼠标指针穿过元素时
              • mouseleave() 当鼠标指针离开元素时
              • mousemove() 当鼠标指针在页面中的位置
              • mouseout() 当鼠标从元素上移开时
              • mouseup() 当松开鼠标按钮时
              • ready() 在文档加载后激活函数
              • select() 在文本域后添加文本
              • unload() 当用户点击链接离开本页时,
              • $route.path

                字符串,等于当前路由对象的路径,会被解析为绝对路径,如 "/home/news"
              • $route.params

                对象,包含路由中的动态片段和全匹配片段的键值对
              • $route.query

                对象,包含路由中查询参数的键值对。例如,对于 /home/news/detail/01?favorite=yes ,会得到$route.query.favorite == 'yes'
              • $route.router

                路由规则所属的路由器(以及其所属的组件)。
              • $route.matched

                数组,包含当前匹配的路径中所包含的所有片段所对应的配置参数对象。
              • $route.name

                当前路径的名字,如果没有使用具名路径,则名字为空。

              2 query传参

              this.$router.push({path: '/transport/dispatch', query: {paicheNo: obj.paicheNo}})

              取数据:this.$route.query.paicheNo

              vue事件

              • v-bind:可以简写为: 用于绑定dom属性
              • v-on: 可以简写@ 表示事件监听
              • v-for:循环
              • v-if /v-elif /else:判断三组件
              • v-model:vue双向绑定
              • v-html: 用html方式显示
              • 计算属性:computed{{}} 支持写复杂的表达式逻辑

              父组件可以使用props把数据传给子组件

              子组件可以使用$emit触发父组件的自定义事件

          • posted @
            2020-02-28 15:55 
            厌遇 
            阅读(...) 
            评论(...) 
            编辑 
            收藏