Jquery

看了点Jquery的视频,在此做个总结,也方便后续更改

  • 前提
    看过点Html.
  • 第一部分
    俗话说 了解一个对象 就得知道三点 what why HOW
    * what
    1.Jquery 是一个函数库,里面封装了对于DOM的操作。而DOM 即 文档对象模型 通俗来讲 就是将html文档转换成我们能够操作对象模型。对比于 C#与.NETFrameWork。就是DOM与Jquery。Jquery 实现了函数化编程(链式风格)
    * why
    2.相较于自己编写的js Jquey提供了大量的函数。且可通过$(选择器) 进行操作。解决了不同浏览器的兼容问题。开发时间大大缩短。
    * HOW
    <script scr=""> </script> <script> $(function(){ ...;}); </script> 其中 $ 可理解为“选取” function() 不带参数的匿名方法。
  • 第二部分
    Jquery 中的选择器有以下几个方面
    * 基本选择器
    ID选择器: #ID; 类选择器:.CLASS; 元素选择器 ;组合选择器(#ID,.CLASS)
    * 层次选择器
    (msg1 msg2) 即:msg1下的所有msg2 (msg1+msg2) msg1后同一级别的msg2; (msg1>msg2) msg1下一级中的msg2 ;(msg1~msg2) msg1后的所有msg2兄弟元素。
    * 过滤选择器
    (:text) 所有text (div:first) 第一个 (div:last);(div:eq(i)) (div:lt(i)) (div:gt(i)) 等
    * 表单选择器
    Jquery 中的事件
    bind("行为", function(){});---绑定
    unbind("方法名");---解绑
    eg: $("").click(function(){});-
    $("").hover(function(){},function(){});--合成事件
    除此之外还有很多函数 方法:例如 增加样式 .addClass() 动画效果 animate show() hide()
上一篇:Vue mustache语法


下一篇:vue中watch监听的高阶使用