在线客服
扫描二维码
下载博学谷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加载完成。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
如何快速实现爬虫从入门到精通
爬虫技术是现在互联网最常用的技术手段之一,甚至很多公司设置专门的爬虫工程师。而且爬虫工程师的薪资水平已经达到10-30K之间。掌握爬虫技术就为自己未来职业发展增加了一项必要的技能。那跨行业,或者零基础的情况下,如何快速实现爬虫从入门到精通水平呢?
7167
2019-07-24 18:34:32
学Python好还是学Java好?
学Python好,还是学Java好?作为初入IT行业的小伙伴,也许会选择过程中的迷茫。毕竟Java作为老牌的编程语言,拥有广阔的市场,而Python作为近两年火爆起来的语言,在诸多领域均有长足的发展。那到底选择哪种语言好呢?
9787
2019-08-22 14:08:02
从零开始学Python必看入门指导
Python是初学者的语言,对于初级程序员而言,Python是一种伟大的语言,它支持广泛的应用程序开发,从简单的文字处理到浏览器再到游戏,无不有Python的身影。Python语言自身的优点吸引者初学者,然而不少从零开始时学Python的小伙伴难免在入门时产生迷茫感,这里小编整理了一份从零开始学Python必看入门指导。
6288
2019-07-22 15:10:47
常用的初始HTML标签有哪些?书写规范是什么?
常用的初始HTML标签有哪些?书写规范是什么?初始 HTML 标签按类别可以区分为基础标签、格式标签、多媒体链接、列表、表单等,学习HTML需要先学习标签如何使用,没有技巧需要平时多练习多用才能达到熟能生巧的境界。
2747
2021-12-14 14:18:53
jQuery如何获取和设置元素属性?代码怎么写?
jQuery如何获取和设置元素属性?代码怎么写?通过val方法来获取value属性和设置value属性,使用prop方法设置标签的其它属性也可以。
2691
2022-01-05 14:02:28