jquery click事件和js onclick事件?
click可以理解为一次简单的触发,只执行一次,找不到以后就不再执行;
onclick则是给这个id注册一种行为,可以重复触发
<script type="”text/javascript”" src="%E2%80%9Djquery.js%E2%80%9D"></script><input type="”button”" id="”bt”" value="”Click”"><input type="”button”" value="”OnClick”"><script type="”text/javascript”">
function change(){
alert(“OK1″);
}
$(“#bt”).click( function() {
alert(“OK2″);
});
</script>
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”);
});
});
但是最好把代码写在下面,这样不会因为某些额外元素没有载入完成而影响了网页的逻辑。
分享到:
相关推荐
$("#anchor").attr('onclick', '').click(newclick); 如果onclick事件原先有值,要先清空,再用click( eval(function(){…..}) )赋值 $("input[name='orderCar']").attr('onclick','').click( eval(...
jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。 目录 简介 找到你了! Jquery对象 代替body标签的onload 事件机制 同一函数实现get\set ...
1、在页面中给方法传参数有两种方法 第一:onclick=cancel(id,patientId);...第二:在js中用jquery$(function(){ var patientId=$(“a”).attr(“patientId”); }),在页面中”${patientId}”> 2、onclick事件
select id=”city” onchange=”[removed]test();... 稍微懂点JQuery的童鞋,可能会尝试这样获取: 代码如下: $(document).ready(function(){ var onchangeValue = $(“#city”).attr(“onchange”); alert
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解...
var ojs='<script type="text/javascript" src="http://cbjs.baidu.com/js/o.js"></script>'; if (code=="top210x90_1"){ document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "288992";</script>...
document.querySelector('a.click').addEventListener('click', onClick) document.querySelector('a.context').addEventListener('contextmenu', onClick) document.querySelector('a.touchend')....
jquery应该如何来设置按钮input的onclick事件?比如开始时有个按钮: <input id=”prebt” type=”button” value=”上一页” onclick=”ToPage(2)”/>这行代码是在程序后台生成的,和Discuz!NT论坛源码中的...
<a href="#" onclick="alert('Hello world')">Link不同之处很明显,用jQuery不需要在每个a标签上写onclick事件,所以我们拥有了一个整洁的结构文档(HTML)和一个行为文档(JS),达到了将结构与行为分开的目的,就像我们...
博客园闪存分页是用JavaScript生成的,今天发现在IE8下点击页码不能翻页,翻页操作是在当前页码的onclick事件中进行的。 开始代码是这么写的: 代码如下:var a = document.createElement(“a”);a.setAttribute(...
input type=button id=btn value=click me! onclick=shao(); /> [removed] function shao() { alert(msg is showing!); } [removed] 我们最常用的是为元素添加onclick元素属性的方式来添加事件 这种...
和onclick 在jQuery中常用的事件有文档就绪事件,对应的方法ready() $(document).ready(fn(){}); b:鼠标事件 常用的鼠标事件有: click(fn); 单机鼠标时发生,fn表示绑定的函数 keydown(fn); 鼠标指针移...
如下所示: <!DOCTYPE html> <html> <head> <meta charset=UTF-8> <title></title>... v-on:click=onclick($event,index) :data-d =JSON.stringify( item) h
主要介绍了jQuery实现按钮只点击一次后就取消点击事件绑定的方法,可实现点击按钮后取消onclick事件绑定的功能,需要的朋友可以参考下
2、JQuery实现了代码的分离,不用再网页中加入如:onclick之类的事件来调用函数了,直接引入JQuery类库和自己编写的JQuery代码就可以了; 如: 代码如下: $(function(){ $(“Element”).click{ function(){ alert&#...
这个问题经过我的整理发现是对事件的认识和js的结构没有了解清楚,return的false在onclick事件中没有返回,所以onclick之后只是显示了false值。 解决方法示例 就是一个普通的表单验证提交: <input type=...
//引入JQuery [removed][removed] <span id=tips></span> <input type=button id=btn1 value=OK1 onclick=alert('hello btn1');> <input type=button id=btn2 value=OK2 click-type=listener> &...
使用jQuery给Table动态增加行的代码如下所示: JS方法如下: $(document).ready(function(){ getFrjl(); $('#addFrjl').click(function(){ var trHTML = '<tr xss=removed>'+ '<td>'+ '从<s:textfield ...
这两天工作中遇到使用js动态加载内容,同时需要对加入的内容绑定点击事件的,当时想想了想可以使用内联的onclick 来实现,后来没有这样做,使用的是 on(‘click’,function(){}) ,然而使用on方法的时候就发现,on 对...
我试图在表单提交后将onclick事件重新绑定到按钮。但是,我似乎无法在首次单击后重新绑定click事件。 我在下面创建了一个简短的示例,以突出显示我在说什么。我尝试了什么:我有一个看起来很基本的索引页面...