`
fph888
  • 浏览: 5441 次
  • 性别: 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 A标签onclick事件

    ### jQuery 下 A 标签 onclick 事件处理 在前端开发中,经常需要为页面中的元素绑定事件处理函数,其中 `onclick` 事件是最常见的交互方式之一。jQuery 是一个流行的 JavaScript 库,它提供了简单易用的方法来处理...

    jquery绑定click事件传递参数

    在JavaScript的世界里,jQuery库以其简洁的API和强大的功能深受开发者喜爱。在处理用户交互时,经常需要绑定点击(click)事件来响应用户的操作。本文将深入探讨如何使用jQuery来绑定click事件,并传递参数。 首先...

    关于 onclick 与 bind ‘click’ 的讨论

    在提供的压缩包文件中,`clickEvent.html`可能是一个包含`onclick`和`bind('click')`示例的HTML文件,而`jquery-1.4.4.min.js`是jQuery库的一个早期版本。通过分析这个文件,我们可以进一步了解这两种事件处理方式在...

    jquery刷新页面和JS常用的函数

    以上介绍了 jQuery 中关于页面刷新和 AJAX 方法的使用,以及 JavaScript 中的一些常用知识点。这些基础知识对于 Web 开发者来说非常重要,熟练掌握它们能够帮助开发者更高效地进行前端开发工作。

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

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

    jquery动态改变onclick属性导致失效的问题解决方法

    然而,当使用jQuery这样的JavaScript库来动态地改变元素的" onclick "属性时,有时会出现点击事件失效的问题。这个问题在不同的浏览器中的表现也会有所不同,尤其在旧版的Internet Explorer浏览器中表现更为明显。...

    从零开始学习jquery

    jQuery 是一个广泛使用的 JavaScript 库,它为开发者提供了一系列强大且简洁的功能,使得网页交互和动态效果的实现变得更加容易。本教程适合初学者,特别是那些有一定 JavaScript 基础但尚未接触过 jQuery 的朋友们...

    jQuery动态移除与增加onclick属性的方法详解

    在JavaScript的世界里,jQuery库提供了一种简便的方式来操作DOM元素的属性,包括动态地移除和添加`onclick`事件。本篇文章将详细讲解如何使用jQuery的`attr`和`removeAttr`方法来处理`onclick`属性。 `attr`方法是...

    javascript Jquery JqueryEasyUI使用大全

    JavaScript、jQuery 和 jQuery EasyUI 是前端开发中常用的三大技术,它们在构建动态、交互式的Web应用中发挥着关键作用。JavaScript 是一种轻量级的脚本语言,它为浏览器提供了与用户交互的能力;jQuery 是一个...

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

    `eval`函数将字符串`js`作为JavaScript代码执行,从而触发对应的功能。 由于`eval`的使用并不是最佳实践,更好的替代方案是使用现代JavaScript的事件委托或者动态创建带有正确事件处理器的函数。例如,可以使用纯...

    js动态添加onclick事件可传参数与不传参数

    总结来说,在JavaScript中动态添加onclick事件并传递参数,可以通过匿名函数、闭包或者jQuery的`.click()`方法来实现。这些方法允许我们在不同的场景下灵活地处理参数传递的问题,从而更好地控制元素的行为。在实际...

    jquery教程

    jQuery 是一款广泛使用的 JavaScript 库,简化了网页的交互和动态化操作。这个中文入门教程适合初学者,通过实例讲解jQuery的工作原理。在学习过程中,建议参考官方API文档(http://jquery.com/api/)和Visual ...

    Spring boot + thymeleaf 后端直接给onclick函数赋值的实现代码

    "Spring Boot + Thymeleaf 实现后端直接给 onclick 函数...同时,本篇文章还介绍了 Thymeleaf 模板引擎、Spring Boot 中的 Thymeleaf 配置、使用 Thymeleaf 生成动态 HTML 内容、onclick 事件处理和 JS 函数等知识点。

    JS/JQuery-第6章上机练习.zip

    在本资源"JS/JQuery-第6章上机练习.zip"中,我们聚焦于JavaScript的基础与jQuery库的应用。JavaScript是一种广泛用于网页和网络应用的编程语言,它为网页添加交互性和动态功能。jQuery则是一个轻量级、高性能的...

    JS中append字符串包含onclick无效传递参数失败的解决方案

    问题在于,当`onclick`属性的值包含字符串和整数时,由于单引号的存在,导致参数传递失败,进而使整个JS模块失效。 原因分析: `onclick`属性中的字符串通常是以双引号包裹的,而其中的参数值可能包含单引号。在...

    jQuery与Js实现屏幕蒙层效果.rar

    在网页开发中,jQuery 和 JavaScript 是两种常用的前端技术,它们能帮助开发者轻松地实现各种交互效果,其中就包括屏幕蒙层效果。屏幕蒙层通常用于显示提示信息、加载动画、弹窗对话框等,它可以在页面上覆盖一层半...

    C++、JS、jQuery小知识点积累

    - **jQuery与JavaScript获取和设置文本的区别**: - jQuery提供了一种更为简洁的方式来获取和设置文本内容: - 获取文本内容:`$('.selector').text()`相当于JavaScript中的`element.innerText` - 获取HTML内容:...

    jquery学习手册,30分钟入门

    jQuery 是一个著名的 JavaScript 库,由 John Resig 在2006年初创建,它极大地简化了DOM操作和Ajax交互,适合新手和经验丰富的开发者。jQuery 的核心理念是使代码更加简洁、可读和可重用,减少开发者的重复劳动。 ...

    jQuery设置表格列字段筛选改变代码

    在IT领域,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。本文将深入探讨如何使用jQuery来实现表格列字段的筛选功能,并且会在改变筛选条件时实时更新表格内容。 首先,...

Global site tag (gtag.js) - Google Analytics