`
静夜独窗
  • 浏览: 57479 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

$("").click与onclick的区别

阅读更多
<script type="text/javascript">
$(function(){
      $("#btn4").click(function(){
           $("#btn3").click();
      });
});
function change(){
 alert("onclick");
}
</script>

<button id="btn3" onclick="change()">dd</button>
<button id="btn4">ee</button>

 

区别:

 1.onclick是绑定事件,告诉浏览器在鼠标点击时候要做什么

    click本身是方法作用是触发onclick事件,只要执行了元素的click()方法,就会触发onclick事件。如上诉代码所示,当点击'ee'按钮时,会触发'dd'的onclick事件(正常来说得按'dd'按钮才触发'dd'的onclick事件),原因就是因为 

        $("#btn4").click(function(){
               $("#btn3").click();
        });
   点击'ee'按钮时,代码内部调用了'dd'的click()方法,从而触发了'dd'的onclick事件。

 

2.click()方法的主要作用是触发调用click方法元素onclick事件。此外,如果在click方法定义了如下代码

        $("#btn3").click(function(){

              alert("*****");

        });

click方法中的function代码会在onclick事件执行完后执行,此时click方法起到追加事件的作用。实例如下

<script type="text/javascript">
$(function(){
      $("#btn3").click(function(){
              alert("aa");
      });
});
function change(){
 alert("bb");
}
</script>

<button id="btn3" onclick="change()">dd</button>

弹出框的弹出顺序先是'bb',然后是'aa'.

 

1
1
分享到:
评论

相关推荐

    $(“”).click与onclick的区别示例介绍

    [removed] $(function(){ $("#btn4").click(function(){ $("#btn3").click(); }); });...function change(){ ..."onclick"&#41;...button id="btn3" onclick="change()"&gt;...click本身是方法作用是触发onclick事件

    $("").click与onclick的区别示例介绍

    在JavaScript和jQuery中,`onclick` 和 `click()` 都是用来处理用户点击事件的,但它们之间存在着一些关键的区别。 `onclick` 是一个HTML属性,它用于在元素上直接绑定事件处理函数。当你在HTML元素中设置 `onclick...

    深入浅析jQuery对象$.html

    深入理解jQuery对象$.html 在Web开发中,jQuery是一个广泛使用的JavaScript库,它极大地简化了DOM操作、事件处理和动画效果。其中,`$`符号是jQuery的核心,它不仅是库的简写,也是用于创建jQuery对象的主要方法。...

    asp.net+jquery+ajax所有调用例子

    &lt;asp:Button ID="btnAjaxCall" runat="server" Text="Ajax Call" OnClick="btnAjaxCall_Click" /&gt; &lt;asp:Label ID="lblResult" runat="server"&gt;&lt;/asp:Label&gt; ``` 在对应的后台代码中,定义按钮点击事件的方法: ...

    关于 onclick 与 bind ‘click’ 的讨论

    总之,`onclick`和`bind('click')`是处理点击事件的两种不同策略,前者适合快速原型和简单场景,后者更适合大型项目和复杂交互。理解它们的工作原理和优缺点,有助于我们做出更合适的技术选择,提高代码质量和可维护...

    JavaScript中click和onclick本质区别与用法分析

    本文实例讲述了JavaScript中click和onclick本质区别与用法。分享给大家供大家参考,具体如下: 原生javascript的click在w3c里边的阐述是DOM button对象,也是html DOM click() 方法,可模拟在按钮上的一次鼠标单击。...

    input按钮onclick事件大全

    下面将详细介绍在给定文件中的各个`&lt;input&gt;`按钮以及它们绑定的`onclick`事件的功能与用途。 #### 1. Web 浏览器操作 - **`document.all.WebBrowser.ExecWB(1,1)`**:该事件会使当前页面在新的浏览器窗口中打开。 ...

    HTML_Button[1].onclick_事件汇总

    例如:&lt;input onclick="alert('Hello World!')" type="button" value="点击我"&gt; 在上面的示例中,当用户点击 Button 时,将弹出一个提示框,显示“Hello World!”。 HTML Button 的 onclick 事件汇总可以分为以下...

    jQuery实现图片下载代码

    jQuery 实现图片下载代码,供大家参考,具体内容如下 function downloadImage(src) { var $a = $("&lt;a&gt;&lt;/a&gt;").attr("href", src).attr... $.extend($.fn.bootstrapTable.defaults, $.fn.bootstrapTable.locales['zh-C

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

    $.ajax({ type: "POST", data: {id: id, status: status}, url: "/admin/corp/check", success: function (data) { if (data == "认证成功") { window.location.href = ("..."); } } }); } ``` 在上面的...

    jquery A标签onclick事件

    #### 一、jQuery 与 onclick 事件 在 jQuery 中,可以使用 `.click()` 方法轻松地为元素绑定点击事件。当用户点击该元素时,绑定的函数就会被触发。对于 A 标签来说,这意味着当用户点击链接时会执行相应的函数。 ...

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

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

    Jquery的ajax请求的三个例子(带后台代码)

    jQuery提供的Ajax方法主要有`$.ajax()`和`$.getJSON()`等。这些方法允许开发者轻松地向服务器发送异步请求并处理返回的数据。 - **`$.ajax()`**: 是一个高度灵活的方法,支持多种类型的HTTP请求,包括GET、POST等,...

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

    $.get(url, data, success); ``` - **参数** - `url`:请求的 URL。 - `data`:发送到服务器的数据,可以是键值对的形式。 - `success`:可选的回调函数,用于处理服务器响应的数据。 **示例代码:** ```...

    jquery绑定click事件传递参数

    本文将深入探讨如何使用jQuery来绑定click事件,并传递参数。 首先,`click`事件是jQuery中用于监听元素被点击时触发的事件。它允许我们在用户点击DOM元素时执行特定的函数或代码块。基本的用法是在目标元素上调用`...

    给flash加onclick事件

    在本文中,我们将深入探讨Flash ActionScript的相关知识,以及如何实现onclick事件。 ActionScript是Flash中用于编程的脚本语言,它基于ECMAScript(JavaScript的基础)。在Flash中添加onclick事件,主要通过...

    使用_jQuery_简化_Ajax_开发.txt

    jQuery 提供了多种方法来处理 AJAX 请求,如 `$.ajax()`, `$.get()`, `$.post()` 等,这些方法极大地简化了 AJAX 请求的处理过程,让开发者能够更加专注于业务逻辑而非技术细节。 ##### 示例:使用 jQuery 发送 ...

    onclick与ontouch和scroll监听冲突的解决方法

    在Android开发中,我们经常会遇到各种事件监听器的冲突问题,特别是`onclick`、`ontouch`和`scroll`监听器。这些事件在用户交互时可能会同时触发,导致不期望的行为,例如,当用户尝试滚动页面时,点击事件却意外...

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

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

    jQuery的起点教程.doc

    例如,可以通过`$.ajax()`方法发送异步请求: ```javascript $(document).ready(function(){ $("button").click(function(){ $.ajax({ url: "example.php", success: function(data){ $("#result").html(data);...

Global site tag (gtag.js) - Google Analytics