。单击,此关键字在jquery中不起作用

。单击,此关键字在jquery中不起作用,jquery,html,function,click,this,Jquery,Html,Function,Click,This,我的jquery事件函数不起作用。这是我保存在jquery.js文件中的jquery代码: $("h1").click(function(){ $(this).text("I have been changed") }) 下面是相应的html代码,我在其中链接了jquery.js文件 <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8">

我的jquery事件函数不起作用。这是我保存在jquery.js文件中的jquery代码:

$("h1").click(function(){
  $(this).text("I have been changed")
})
下面是相应的html代码,我在其中链接了jquery.js文件

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>jquery</title>
    <script
   src="https://code.jquery.com/jquery-3.4.1.js"
   integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
   crossorigin="anonymous"></script>
  <script src="jquery.js"></script>
  <link rel="stylesheet" 
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" 
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" 
crossorigin="anonymous">
  </head>
  <body>
    <h1>Selecting with jquery</h1>
    <ul>
      <li>understanding</li>
      <li>analyzing</li>
      <li>implementing</li>
    </ul>

  </body>

jquery
使用jquery进行选择
  • 理解力
  • 分析
  • 实施

您的jQuery在文档准备就绪之前加载。 用document.ready包装jQuery代码,以便在加载文档后执行

$(document).ready(function(){
    $("h1").click(function(){
      $(this).text("I have been changed")
    })
});

代码是正确的,但您可以检查jquery.js是否已加载,在浏览器中按ctrl+u,然后单击jquery.js链接,查看是否已正确加载