为什么写$(this)的时候可以一个一个选中,选$("li")代替的话它就把列表全选中了呢
来源:2-7 编程练习
qq_NDG_0
2019-02-22 17:35:42
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>习题</title>
<style>
</style>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script>
//此处写代码
$(document).ready(function(){
$("li").hover(function(){
$(this).css({'color':'red','font-size':'22px'});
},function(){
$(this).css({'color':'black','font-size':'14px'});
});
});
</script>
</body>
</html>代码如下
1回答
你好,代码实现效果是正确的。
$('li')获取的是所有li元素,而$(this)获取的是当前触发事件的元素,也就是当前的li元素。
可以分别输出两个看一下区别。
祝学习愉快!望采纳!
相似问题