JQuery cannot use click event to solve the problem-JS Tutorial-php.cn

Home

Web Front-end

JS Tutorial

JQuery cannot use click event to solve the problem

Jun 27, 2017 am 10:25 AM

click jquery event

Why can’t we use click event in JQuery

&lt;html&gt;
&lt;head&gt;
&lt;title&gt;测试JQuery&lt;/title&gt;
&lt;meta charset = &quot;utf-8&quot;/&gt;
&lt;style&gt;
.class_1{
background-color: red;
}
&lt;/style&gt;
&lt;script type = &quot;text/javascript&quot; src = &quot;../JQuery/jquery.js&quot;&gt;&lt;/script&gt;
&lt;script language = &quot;javascript&quot;&gt;
$(document).ready(function(){
window.alert(&quot;Hello JQuery!&quot;);
});
//这里触发事件后不能输出您好
$(&#39;#test&#39;).click(function(){
window.alert(&#39;您好&#39;);
});
&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;input class = &quot;class_1&quot; type = &quot;button&quot; id=&quot;test&quot; value = &quot;点击测试&quot;/&gt;
&lt;/body&gt;
&lt;/html&gt;

Copy after login

Yours can use click event

$(document).ready(function(){
window.alert(&quot;Hello JQuery!&quot;);
//把代码放在 ready 方法里面 才起作用  因为要等文档加载完成 才能找到 test这个元素
//这里触发事件后不能输出您好
$(&#39;#test&#39;).click(function(){
window.alert(&#39;您好&#39;);
});
});

Copy after login

But I changed it Even if you are like this, you won’t show it? ? ?

&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;测试JQuery&lt;/title&gt;
        &lt;meta charset = &quot;utf-8&quot;/&gt;
        &lt;style&gt;
            .class_1{
                background-color: red;
            }
        &lt;/style&gt;
        &lt;script type = &quot;text/javascript&quot; src = &quot;../JQuery/jquery.js&quot;&gt;&lt;/script&gt;
         
    &lt;/head&gt;
    &lt;body&gt;
        &lt;input class = &quot;class_1&quot; type = &quot;button&quot; id=&quot;test&quot; value = &quot;点击测试&quot;/&gt;
        &lt;script language = &quot;javascript&quot;&gt;
            $(document).ready(function(){
                alert(&quot;Hello JQuery!&quot;);
            });
            //这里触发事件后不能输出您好
            $(&#39;#test&#39;).click(function(){
                alert(&#39;您好&#39;);
            });
        &lt;/script&gt;
    &lt;/body&gt;
&lt;/html&gt;

Copy after login

Loading order problem.

###Is the jquery.js path correct? The window here in window.alert can be omitted. ###

The above is the detailed content of JQuery cannot use click event to solve the problem. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn