Jquery Javascript警报框不工作_Jquery_Html

Jquery Javascript警报框不工作

jquery html

Jquery Javascript警报框不工作,jquery,html,Jquery,Html,以下程序在浏览器中运行时，单击“第一个”时会弹出一个警告框 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"/> <script src="attach.js"> </script> </head> <body> <div id="wrap">

以下程序在浏览器中运行时，单击“第一个”时会弹出一个警告框

<!doctype html>

<html lang="en">

<head>
       <meta charset="utf-8"/>

       <script src="attach.js"> </script>  
</head>

<body> 
     <div id="wrap">
              <p id="1a"> First </p>
              <p id="2b"> Second </p>
              <p id="3c"> Third </p>
              <p id="4d"> Fourth </p>
     </div>

</body>
</html>

我在chrome中得到的输出是：

here
First
Second
Third
Fourth

问题是，在浏览器屏幕中单击“第一”时，没有显示“Yo”的警告框。另一个问题是为什么我们看不到“Hi”出现在屏幕上。

关于我唯一更改的是1a的名称改为aTest。在那之后我一直在工作

<!doctype html>

<html lang="en">

<head>
       <meta charset="utf-8"/>

</head>

<body> 
     <div id="wrap">
              <div id="aTest" class="1a"> First </div>
              <p id="2b"> Second </p>
              <p id="3c"> Third </p>
              <p id="4d"> Fourth </p>
     </div>

       <script> 
            function getit()
            {
                var a = document.querySelector('#aTest');
                a.onclick = fun2;
                //document.write('Hi');
            }

            function fun2()
            {
                  alert('Yup!');
            }

            document.write('here');
            window.onload = getit;
       </script>     
</body>
</html>


弗斯特
秒
第三
第四
函数getit（）
{
var a=document.querySelector（“#aTest”）；
a、 onclick=fun2；
//文件。写入（“Hi”）；
}
函数fun2（）
{
警惕（‘是的！’）；
}
文件。写（'here'）；
window.onload=getit；

为什么不使用jQuery来实现相同的结果呢

$(document).on('click','#1a',function(){
    fun2();
    console.log('hey');
})

function fun2(){
  alert('Yup!');
}

JS的问题是，它的ID中有一个“1”，需要使用Unicode代码转义，才能使querySelector正常工作。您还需要删除文档。写入（'Hi'），因为它将覆盖您的HTML

试试这个

function getit() {
  document.querySelector('#\\31 a').onclick = fun2
}

Plunker:

另一个问题是，为什么我们看不到屏幕上打印“Hi”。

因为页面已经加载。没有

文档的位置。写入同样，id不能以数字开头。我收到一个错误，说“#1a”在chrome中不是有效的选择器。将名称更改为a、b、c、d（并在.js文件中进行了更改），仍然没有获得警报框！是的，那会是个更好的主意
function getit() {
  document.querySelector('#\\31 a').onclick = fun2
}