`
fph888
  • 浏览: 5172 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

jquery click和js onclick

阅读更多
jquery click事件和js onclick事件?

click可以理解为一次简单的触发,只执行一次,找不到以后就不再执行;
onclick则是给这个id注册一种行为,可以重复触发



&lt;script type="”text/javascript”" src="%E2%80%9Djquery.js%E2%80%9D"&gt;&lt;/script&gt;<input type="”button”" id="”bt”" value="”Click”"><input type="”button”" value="”OnClick”">&lt;script type="”text/javascript”"&gt;
function change(){
alert(“OK1″);
}
$(“#bt”).click( function() {
alert(“OK2″);
});
&lt;/script&gt;

click如果放到head中将会不执行,只有在该元素的下面才有效,而onclick不论在什么位置都会执行
回复1楼:$(“#bt”) 得到的元素个数为0(你可以alert($(“#bt”).length看一下)),所以没能将对应的事件注册给 id=”bt” 的按钮,

js脚本只执行一次而已,至于之后点击响应那是第一次执行的时候绑定在那个按钮事件上的脚本而已,你第一次就没绑定上,以后当然也不好使
如果想在上面写的话这样
$(function(){
$(“#bt”).click( function() {
alert(“haha”);
});
});



$(document).ready(function(){

$(“#bt”).click( function() {
alert(“haha”);
});
});

但是最好把代码写在下面,这样不会因为某些额外元素没有载入完成而影响了网页的逻辑。
分享到:
评论

相关推荐

    使用jQuery的attr方法来修改onclick值

    $("#anchor").attr('onclick', '').click(newclick); 如果onclick事件原先有值,要先清空,再用click( eval&#40;function(&#41;{…..}) )赋值 $("input[name='orderCar']").attr('onclick','').click( eval&#40;...

    jquery插件使用方法大全

    jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。 目录 简介 找到你了! Jquery对象 代替body标签的onload 事件机制 同一函数实现get\set ...

    js onclick事件传参讲解

    1、在页面中给方法传参数有两种方法 第一:onclick=cancel(id,patientId);...第二:在js中用jquery$(function(){ var patientId=$(“a”).attr(“patientId”); }),在页面中”${patientId}”&gt; 2、onclick事件

    纯JavaScript实现获取onclick、onchange等事件的值

    select id=”city” onchange=”[removed]test();... 稍微懂点JQuery的童鞋,可能会尝试这样获取: 代码如下: $(document).ready(function(){  var onchangeValue = $(“#city”).attr(“onchange”);  alert

    jquery-easyui-1.3.6.zip

    jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解...

    图库新版jQuery焦点图 JS代码

    var ojs='&lt;script type="text/javascript" src="http://cbjs.baidu.com/js/o.js"&gt;&lt;/script&gt;'; if (code=="top210x90_1"){ document.write('&lt;script type="text/javascript" &gt;BAIDU_CLB_SLOT_ID = "288992";&lt;/script&gt;...

    jQuery的鼠标左右键自定义菜单代码.zip

    document.querySelector('a.click').addEventListener('click', onClick) document.querySelector('a.context').addEventListener('contextmenu', onClick) document.querySelector('a.touchend')....

    jquery应该如何来设置改变按钮input的onclick事件

    jquery应该如何来设置按钮input的onclick事件?比如开始时有个按钮: &lt;input id=”prebt” type=”button” value=”上一页” onclick=”ToPage(2)”/&gt;这行代码是在程序后台生成的,和Discuz!NT论坛源码中的...

    JS基础学习教程

    &lt;a href="#" onclick="alert('Hello world')"&gt;Link不同之处很明显,用jQuery不需要在每个a标签上写onclick事件,所以我们拥有了一个整洁的结构文档(HTML)和一个行为文档(JS),达到了将结构与行为分开的目的,就像我们...

    IE8的JavaScript点击事件(onclick)不兼容的解决方法

    博客园闪存分页是用JavaScript生成的,今天发现在IE8下点击页码不能翻页,翻页操作是在当前页码的onclick事件中进行的。 开始代码是这么写的: 代码如下:var a = document.createElement(“a”);a.setAttribute(...

    jquery事件与绑定事件

    input type=button id=btn value=click me! onclick=shao(); /&gt; [removed] function shao() { alert&#40;msg is showing!&#41;; } [removed] 我们最常用的是为元素添加onclick元素属性的方式来添加事件 这种...

    jQuery快速高效制作网页交互特效

    和onclick 在jQuery中常用的事件有文档就绪事件,对应的方法ready() $(document).ready(fn(){});  b:鼠标事件 常用的鼠标事件有:  click(fn); 单机鼠标时发生,fn表示绑定的函数  keydown(fn); 鼠标指针移...

    vue.js2.0点击获取自己的属性和jquery方法

    如下所示: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=UTF-8&gt; &lt;title&gt;&lt;/title&gt;... v-on:click=onclick($event,index) :data-d =JSON.stringify( item) h

    jQuery实现按钮只点击一次后就取消点击事件绑定的方法

    主要介绍了jQuery实现按钮只点击一次后就取消点击事件绑定的方法,可实现点击按钮后取消onclick事件绑定的功能,需要的朋友可以参考下

    Jquery 获取指定标签的对象及属性的设置与移除

    2、JQuery实现了代码的分离,不用再网页中加入如:onclick之类的事件来调用函数了,直接引入JQuery类库和自己编写的JQuery代码就可以了; 如: 代码如下: $(function(){ $(“Element”).click{ function(){ alert&#...

    Jquery表单验证失败后不提交的解决方法

    这个问题经过我的整理发现是对事件的认识和js的结构没有了解清楚,return的false在onclick事件中没有返回,所以onclick之后只是显示了false值。 解决方法示例 就是一个普通的表单验证提交: &lt;input type=...

    JavaScript中利用jQuery绑定事件的几种方式小结

    //引入JQuery [removed][removed] &lt;span id=tips&gt;&lt;/span&gt; &lt;input type=button id=btn1 value=OK1 onclick=alert&#40;'hello btn1'&#41;;&gt; &lt;input type=button id=btn2 value=OK2 click-type=listener&gt; &...

    使用jQuery给Table动态增加行、清空table的方法

    使用jQuery给Table动态增加行的代码如下所示: JS方法如下: $(document).ready(function(){ getFrjl(); $('#addFrjl').click(function(){ var trHTML = '&lt;tr xss=removed&gt;'+ '&lt;td&gt;'+ '从&lt;s:textfield ...

    Jquery on方法绑定事件后执行多次的解决方法

    这两天工作中遇到使用js动态加载内容,同时需要对加入的内容绑定点击事件的,当时想想了想可以使用内联的onclick 来实现,后来没有这样做,使用的是 on(‘click’,function(){}) ,然而使用on方法的时候就发现,on 对...

    使用jQuery Mobile和Cordova时将事件绑定到控件

    我试图在表单提交后将onclick事件重新绑定到按钮。但是,我似乎无法在首次单击后重新绑定click事件。 我在下面创建了一个简短的示例,以突出显示我在说什么。我尝试了什么:我有一个看起来很基本的索引页面...

Global site tag (gtag.js) - Google Analytics