在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
常用的jQuery事件有几种?分别是什么?事件方法会触发匹配元素的事件或将函数绑定到所有匹配元素的某个事件。事件方法触发器或添加一个函数到被选元素的事件处理程序。
jQuery事件学习目标:至少掌握两个常用的jQuery事件
jQuery常用事件如下:
click() 鼠标单击
blur() 元素失去焦点
focus() 元素获得焦点
mouseover() 鼠标进入(进入子元素也触发)
mouseout() 鼠标离开(离开子元素也触发)
ready() DOM加载完成
示例代码:
<script>
$(function(){
var $li = $('.list li');
var $button = $('#button1')
var $text = $("#text1");
var $div = $("#div1")
// 鼠标点击
$li.click(function(){
// this指的是当前发生事件的对象,但是它是一个原生js对象
// this.style.background = 'red';
// $(this) 指的是当前发生事件的jquery对象
$(this).css({'background':'gold'});
// 获取jquery对象的索引值,通过index() 方法
alert($(this).index());
});
// 一般和按钮配合使用
$button.click(function(){
alert($text.val());
});
// 获取焦点
$text.focus(function(){
$(this).css({'background':'red'});
});
// 失去焦点
$text.blur(function(){
$(this).css({'background':'white'});
});
// 鼠标进入
$div.mouseover(function(){
$(this).css({'background':'gold'});
});
// 鼠标离开
$div.mouseout(function() {
$(this).css({'background':'white'});
});
});
</script>
<div id="div1">
<ul class="list">
<li>列表文字</li>
<li>列表文字</li>
<li>列表文字</li>
</ul>
<input type="text" id="text1">
<input type="button" id="button1" value="点击">
</div>
说明:this指的是当前发生事件的对象,但是它是一个原生js对象;$(this) 指的是当前发生事件的jquery对象。
jQuery常用事件小结:click() 鼠标单击、blur() 元素失去焦点、focus() 元素获得焦点、mouseover() 鼠标进入(进入子元素也触发)、mouseout() 鼠标离开(离开子元素也触发)、ready() DOM加载完成。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
怎么学python入门?python新手学习路线
Python入门应该了解一些基本的计算机编程术语。Python 是一个高层次的结合了解释性、编译性、互动性和面向对象的脚本语言,Python 的设计具有很强的可读性,相比其他语言经常使用英文关键字,其他语言的一些标点符号,它具有比其他语言更有特色语法结构。
7462
2019-06-11 15:41:03
Python培训机构靠谱吗?Python培训机构怎么选?
近几年,网络浪潮涌起,而Python市场一直是人才稀缺。Python语言简单易学,就业前景广自然也获得了年轻人的青睐。Python培训机构靠谱吗?Python培训机构怎么选?是每位学习者的纠结点,那么一个合格的Python培训机构是什么样子的呢?跟随小编筛一筛。
5062
2020-01-09 09:43:47
学习Python能干什么工作?
Python有着强大的第三方库,无论你想通过计算机实现任何功能,Python官方库里都有相应的模块进行支持,因而大大降低了开发周期。另外,Python还有着优秀的跨平台、跨领域能力,可以覆盖IT行业90%以上应用场景。因此Python就业范围广阔,下面我们就从五个就业方向和大家一起聊聊:学习Python能干什么工作?
5764
2020-05-26 11:11:50
Python入门实战项目有哪些适合新手?
目前市面上有很多适合新手的Python入门练手项目,Python入门需要理论与实践相结合,前面夯实基础知识,后面通过实战项目帮助你更好的运用这些Python知识。
5299
2020-10-13 16:56:23
自学Python需要多长时间从入门到精通?
Python是全球前3大最流行的编程语言之一,以其简洁优美、功能强大、高效率的先天优势成为企业新宠此外,国内计算机教育也越来越重视Python在编程中的地位。Python非常适合零基础的同学学习,比较简单没有指针变量类型等复杂的概念。
6306
2021-01-26 10:39:22
热门文章
- 前端是什么
- 前端开发的工作职责
- 前端开发需要会什么?先掌握这三大核心关键技术
- 前端开发的工作方向有哪些?
- 简历加分-4步写出HR想要的简历
- 程序员如何突击面试?两大招带你拿下面试官
- 程序员面试技巧
- 架构师的厉害之处竟然是这……
- 架构师书籍推荐
- 懂了这些,才能成为架构师 查看更多
扫描二维码,了解更多信息
