jouery--绑定事件

jquery绑定事件

1，使用事件函数  .click()   .dblclick()  ...

$(function(){
    $("input").click(function(){
        $("body").append("<div>yguy</div>")
    })
}

2，使用on函数绑定事件  on（事件类型，事件函数）

      on函数可以一次绑定多种事件类型，多个事件类型空格隔开

      注：只支持JavaScript原生事件类型

$(function(){
$("div").on("click",function(){
        alert(1)
    })
}

3，使用统一的on函数绑定事件，通过已有元素给未来元素（动态元素）绑定事件  

     on（事件类型，未来元素选择器，事件函数）

     on函数可以一次绑定多种事件类型，多个事件类型用空格隔开

     注：只支持JavaScript原生事件类型

     $里放未来元素的父级元素

$(function(){
$("body").on("click","div",function(){
        alert(1)
    })
}

也可以用字符串代替事件类型

var aa = "click mouseleave"

 指定某个元素的方式

console.log($("div")[2].hide())
 $("div")[2].style.display = "none"

<div>hello</div>   
    <input type="button" value="生成元素">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>

 

jquery中使用javascript的原生方法