jQuery练习t248，从0到1
发布日期：2021-05-06 21:14:26
浏览次数：14
分类：原创文章
本文共 823 字，大约阅读时间需要 2 分钟。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/jquery-3.5.1.js"></script> <script> //this对象 $(function () { var strHtml = ""; $("li").each(function (index) { //var text1 = $("li").text(); 这样写得不到想要的效果 var text1 = $(this).text(); strHtml += text1 + " , "; }); $("#div1").html(strHtml); }); /* 把$("li").text()改为$(this).text()效果就正确了。 那么为什么用$("li")就不正确，而必须要使用$(this)呢？ 原因在于$("li")获取的是一个集合，而不是某一个元素。 在事件函数中，如果想要使用当前元素，我们应尽量使用 $(this)来代替$(selector)这种写法，避免bug。 */ </script></head><body> <ul> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ul> <div id="div1"></div></body></html>
发表评论
最新留言
白红宇的个人博客 - 记录点点滴滴的事 - 您是第 455251984 位访客