为什么写$(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回答

好帮手慕星星

2019-02-22

你好,代码实现效果是正确的。

$('li')获取的是所有li元素,而$(this)获取的是当前触发事件的元素,也就是当前的li元素。

可以分别输出两个看一下区别。

祝学习愉快!望采纳!

0

0 学习 · 36712 问题

查看课程