数码资讯
jQuery()方法使用技术细节
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
jQuery()方法是正式推荐的绑定事件的一种方法。
复制代码代码如下所示:
$(选择器),(事件、childselector、数据、功能、地图)
有几种常见的方法已经从这个扩展。
复制代码代码如下所示:
(绑定)
$(p)。Bind(单击
警报(被点击的段落。);
});
$(p)。
警报(被点击的段落。);
});
委托()
$(# DIV1 ),(单击
$(这个)Css(背景色
});
$(#格式),委托(P
$(这个)Css(背景色
});
(活的)
$(# DIV1 ),(单击
$(这个)Css(背景色
});
$(# DIV2)。活(单击
$(这个)Css(背景色
});
以上三种方法都不推荐jquery1.8后,与官方的活()方法在1.9被取消了,所以建议使用在()方法。
提示:如果需要删除由()绑定的方法,可以使用OFF()方法。
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(p)。
$(这个)Css(背景色
});
$(按钮)。Click(函数(){)
$(p)关闭(单击);
});
});
提示:如果您的事件只需要一个操作,您可以使用一()方法
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(p)。
$(这)。动画({字体:+ = 6px});
});
});
Trigger()绑定
复制代码代码如下所示:
$(选择器)。Trigger(事件、eventobj,参数,param2,…)
$(文档)Ready(函数(){)
$(输入)。
$(输入)!;
});
$(按钮)。Click(函数(){)
$(输入)。Trigger();
});
});
多个事件绑定相同的函数
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(p),(鼠标悬停mouseout
$(p)。ToggleClass(介绍);
});
});
多个事件绑定不同的函数
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(p)。
(鼠标悬停:功能){ $(体),Css(背景颜色
(mouseout:功能){ $(体),Css(背景颜色
(单击:函数){ $())Css(背景颜色
});
});
结合自定义事件
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(p),(myownevent
$(这)文本(showName + !多么美丽的名字!))显示();
});
$(按钮)。Click(函数(){)
$(p)。Trigger(myownevent
});
});
将数据传输到函数
复制代码代码如下所示:
功能handlername(事件)
{
警报(事件,数据,MSG);
}
$(文档)Ready(函数(){)
$(p)。
});
适用于未创建的元素。
复制代码代码如下所示:
$(文档)Ready(函数(){)
$()。
$(这)SlideToggle();
});
$(按钮)。Click(函数(){)
$(这是一个新的段落。),InsertAfter(按钮);
});
});
复制代码代码如下所示:
$(选择器),(事件、childselector、数据、功能、地图)
有几种常见的方法已经从这个扩展。
复制代码代码如下所示:
(绑定)
$(p)。Bind(单击
警报(被点击的段落。);
});
$(p)。
警报(被点击的段落。);
});
委托()
$(# DIV1 ),(单击
$(这个)Css(背景色
});
$(#格式),委托(P
$(这个)Css(背景色
});
(活的)
$(# DIV1 ),(单击
$(这个)Css(背景色
});
$(# DIV2)。活(单击
$(这个)Css(背景色
});
以上三种方法都不推荐jquery1.8后,与官方的活()方法在1.9被取消了,所以建议使用在()方法。
提示:如果需要删除由()绑定的方法,可以使用OFF()方法。
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(p)。
$(这个)Css(背景色
});
$(按钮)。Click(函数(){)
$(p)关闭(单击);
});
});
提示:如果您的事件只需要一个操作,您可以使用一()方法
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(p)。
$(这)。动画({字体:+ = 6px});
});
});
Trigger()绑定
复制代码代码如下所示:
$(选择器)。Trigger(事件、eventobj,参数,param2,…)
$(文档)Ready(函数(){)
$(输入)。
$(输入)!;
});
$(按钮)。Click(函数(){)
$(输入)。Trigger();
});
});
多个事件绑定相同的函数
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(p),(鼠标悬停mouseout
$(p)。ToggleClass(介绍);
});
});
多个事件绑定不同的函数
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(p)。
(鼠标悬停:功能){ $(体),Css(背景颜色
(mouseout:功能){ $(体),Css(背景颜色
(单击:函数){ $())Css(背景颜色
});
});
结合自定义事件
复制代码代码如下所示:
$(文档)Ready(函数(){)
$(p),(myownevent
$(这)文本(showName + !多么美丽的名字!))显示();
});
$(按钮)。Click(函数(){)
$(p)。Trigger(myownevent
});
});
将数据传输到函数
复制代码代码如下所示:
功能handlername(事件)
{
警报(事件,数据,MSG);
}
$(文档)Ready(函数(){)
$(p)。
});
适用于未创建的元素。
复制代码代码如下所示:
$(文档)Ready(函数(){)
$()。
$(这)SlideToggle();
});
$(按钮)。Click(函数(){)
$(这是一个新的段落。),InsertAfter(按钮);
});
});
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。