jQuery trigger()以及注意事项

  

  trigger() 方法触发被选元素的指定事件类型。例如:

  $(‘#pcId‘).trigger("change") ;//触发id为“pcId”的select的 change事件,但是有一点必须注意:

  一定要先定义完change方法之后再去触发,否则会失效,如下:

  $().ready(function(){

    $(‘#pcId‘).change(function(){

      //code
      });
   

    $(‘#pcId‘).trigger("change")

  });

  解释:

  1.$().ready函数

    当 DOM(文档对象模型) 已经加载,并且页面(包括图像)已经完全呈现时,会发生 ready 事件。

    由于该事件在文档就绪后发生,因此把所有其他的 jQuery 事件和函数置于该事件中是非常好的做法。正如上面的例子中那样。

    ready() 函数规定当 ready 事件发生时执行的代码。

    ready() 函数仅能用于当前文档,因此无需选择器。

    允许以下三种定义方法:

      a.$(document).ready(function)

      b.$().ready(function)

      c.$(function)

    但要注意:ready() 函数不应与 <body onload=""> 一起使用。

    2.本例中,原本是select的元素发生变化时才会触发change事件,但是目前的需要是加载完后就要触发一下change事件

时间: 2024-10-28 14:54:41

jQuery trigger()以及注意事项的相关文章

jQuery trigger one用法

jQuery trigger one用法: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName()

jquery trigger

trigger() 触发事件--jQuery 1.3中新增.触发事件就是 类似于点击click, mouseover, keydown 等有动作的js事件(不包括show();hide();) 为什么要用 trigger() ? trigger(type, [data]) ;trigger("click", ["foo", "bar"]); jquery trigger

jquery trigger函数和triggerHandler函数的对比

一句话的区别就是:trigger will bubbling jQuery events (not default DOM events) and triggerHnadler will not do that! jquery trigger函数和triggerHandler函数的对比

jquery trigger 的用法

trigger() 触发事件: 触发事件就是 类似于点击click, mouseover, keydown 等有动作的js事件,简单的说就是一个动作. 比如:给一个按钮添加了一个click点击事件,弹出提示框,代码如下. var div = $("#mybutton"); //你的按钮.  div.click(function() { ...);}); 上面的代码就是一个按钮的click事件.这个时候你有个非分的要求,就是希望页面刷新的时候就点一下这个按钮. 如果不用trigger()

使用jQuery Mobile的注意事项(译)

翻译编辑自:http://www.appnovation.com/blog/7-things-know-about-jquery-mobile-working-it 一.Android和IOS的内置键盘(Native keyboard)是不一样的 对手机的内置键盘的操作是比较复杂和富有争议的,不同的手机可能需要不同的css.Android使用的是第三方的键盘插件(3rd party keyboards ),如 Google Keyboard 和 SwiftKey. 可设置input的type属性

JQuery的一些注意事项

1. toggle(speed, callback)函数适用于jQuery框架隐藏的页面元素或在CSS中声明为"display:none"的页面元素,但是它不适用于在CSS声明为"visibility:hidden"的页面元素. 因为 visibility:hidden 对象隐藏后,还占据相应的空间大小.而JQuery的hide及show是在通过操作display属性来实现,toggle()函数用于切换hide()和show()函数. 2. 除非规定了callbac

JQuery的一些注意事项(2)- AJAX 学习笔记

1. 动态加载外部文件: /*AJAX 动态加载外部文件*/ $(document).ready(function () { $('#btn1').click(function () { $('#log-content').load('data/logs.txt'); //这个txt文件内容如果是中文,需要保存成utf-8编码格式 }) }) 2. 动态加载外部网页: /*AJAX 动态加载外部网页*/ $(document).ready(function () { $('#btn1').cli

ASP.NET MVC+EF在服务端分页使用jqGrid以及jquery Datatables的注意事项

引言: 本人想自己个博客网站出来,技术路线是用ASN.NET MVC5+EF6(Code First)+ZUI+各种Jquery插件,有了这个想法之后就开始选择UI,看了好多bootstrap的模板之后,发现即使你用了bootstrap还是要自己写css样式,都是自学的,前端真的很垃圾,在网上找了很多UI,以下是各种UI的地址,需要的可以去看看: H-ui:http://www.h-ui.net/H-ui.admin.shtml ,是一个前端大牛弄得,模仿bootstrap,做适合中国网上的UI

jQuery之常用且重要方法梳理(target,arguments,slice,substring,data,trigger)-(一)

1.jquery  data(name) data() 方法向被选元素附加数据,或者从被选元素获取数据. $("#btn1").click(function(){ $("div").data("greeting", "Hello World"); }); $("#btn2").click(function(){ alert($("div").data("greeting&quo