函数上下文$(this） · jQuery学习

## 函数上下文 ``` $(this） ``` <br/> <br/> 概述：函数上下文$(this）如果在函数中出现（只能在函数体中使用） ## **注意：只能在事件函数中使用** 事件处理函数中上下文$(this）作为事件处理函数上下文this—>当前触发这个事件节点。 ### ### 代码案例： ~~~ $("li").click(function(){ $(this).css({"color":"red"}); }); ~~~ ### 以下代码为点击其中任意一个li标签，使其文字变成红色 ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="./jquery/jquery-3.2.1.min.js"></script> <title>Title</title> <style> </style> </head> <body> <ul> <li>吃饭</li> <li>睡觉</li> <li>打豆豆</li> <li>喝酒</li> <li>烫头</li> </ul> </body> </html> <script type="text/javascript"> $("li").click(function(){ $(this).css({"color":"red"}); }); </script> ~~~