JQuery选择器，事件

最新推荐文章于 2024-01-04 10:48:30 发布

懒洋洋大王owo

最新推荐文章于 2024-01-04 10:48:30 发布

阅读量249

点赞数

文章标签： jquery

本文链接：https://blog.youkuaiyun.com/m0_64895976/article/details/122243892

版权

.class class选择器

#... id选择器

“P” 元素选择器

jQuery事件是对JavaScript事件的封装，

常用事件分类如下：

基础事件鼠标事件键盘事件表单事件

复合事件是多个事件的组合

鼠标光标悬停鼠标连续点击

鼠标事件

$("#nav li").mouseover(function() { 
        $(this). addClass(“heightlight”);   
});

键盘事件

 $(document).keydown(function (event) {
    if (event.keyCode == "13") {
        alert("确认要提交么？");
    }
});

表单事件：

$("[name=member]").focus(function(){
    $(this).addClass("input_focus");
});

绑定事件：

$("input[name=event_1]").bind("click",function() {
    $("p").css("background-color","#F30");
});

绑定多个事件：

$("input[name=event_1]").bind({
mouseover: function () {
	$("ul").css("display", "none");
},
mouseout: function () {
	$("ul").css("display", "block");
}
});

移除事件：

语法如下：
unbind([type],[fn])

鼠标光标悬停事件

hover()方法相当于mouseover与mouseout事件的组合

$("#myaccound").hover(function(){
        $("#menu_1").css("display","block");
     },
     function(){
        $("#menu_1").css("display","none");
     }
);