2.03.24_html-js-css_内存溢出

2.03.24jQuery的事件处理 1.事件类型 jq常见的事件类型： clickmouseentermouseleavekeydownkeyupkeypressfocusblurchange jq封装的事件是个函数，调用时事件函数通过传参的方式给予到jq对象比如：

    //jq:
    $(".box").click(function(){   })
    //js:
    dom.onclick = function(){  }

2.事件绑定 click事件

注意jq绑定事件函数的this jq绑定事件函数的 this 是事件调用者原生dom对象jq绑定事件函数的$(this) 是事件调用者 jquery对象 focusblurchange等价于oninput的写法，没有oninput这个事件

3.事件对象原生事件对象event与jq事件对象对象的event不完全一样，但常用的event对象的属性的拼写是一样的，可以把它当原生event一样使用，使用过程中遇到问题，可以打印一下jq事件对象event看一看

4.事件委托 jq的事件中一样具有事件委托，事件冒泡等行为

    
        登录
        注册

bind可以绑定多个事件

$obj.bind(参数1，参数2（可选），参数3)

bind可以动态地给后面添加的元素绑定事件

jq对象.delegate 从 jQuery 3.0 开始，.delegate()已弃用，不鼓励使用它，因为他被改成什么样不可知，在不同版本有不同的功能。

jq对象.on 建议使用该方法，不使用上面两个方法只能给指定的元素绑定事件，不能给自身绑定事件可以绑定多个事件能动态绑定事件

5.jq对象与原生dom的相互转化

6.jq隐式遍历的特点这里列举css方法有隐式遍历的功能还有addClass,removeClass,toggleClass,hasClass等也有隐式遍历的特点例子1：

例子2：

7.jq链式编程的特点像上面的例子中的 “$(this).css( “backgroundColor”,“yellowgreen”).siblings().css(“backgroundColor”,“white”)” 就是链式编程例子：

模仿jq的链式编程的特点去封装自己的jq




    
    
    JQ 学习

链式编程的特点是：在函数调用完成后得return一个this,即return jq对象本身

欢迎分享，转载请注明来源：内存溢出

2.03.24