jackyrong
jackyrong

jquery中两个值得注意的方法one()和trigger()方法

  在jquery中，有两个值得注意但容易忽视的方法，分别是one()方法和trigger()方法,这是从国内作者<<jquery权威指南》一书中看到不错的介绍


1） one方法
    one方法的功能是让所选定的元素绑定一个仅触发一次的处理函数，格式为
   one(type,${data},fn)
  例子为：
    

      $(function() {
            function btn_Click() { 
                this.value = "abc123"
            }
            $("input").one("click", btn_Click); //绑定自定义事件
        })
    </script>
</head>
<body>
    <input id="Button1" type="button" value="点击查看联系方式" class="btn" />

    这样的话，这个按钮只会在点第一次的时候有反应，再次点击就无反应了；


2）trigger()方法
     有的时候，如果需要在页面DOM加载完毕后，比如让文本框中的内容全部选中，或者某个按钮处于焦点中，则可以用这个方法
    

        <script type="text/javascript">
        $(function() {
            var oTxt = $("input"); //获取文本框
            oTxt.trigger("select"); //自动选中文本框
            oTxt.bind("btn_Click", function() {//编写文本框自定义事件
                var txt = $(this).val(); //获取自身内容
                $("#divTip").html(txt); //显示在页面中
            })
            oTxt.trigger("btn_Click"); //自动触发自定义事件
        })
    </script>
</head>
<body>
    姓名：<input id="Text1" type="text" class="txt"  value="test" />
          <div id="divTip" style="padding-top:5px"></div

  则运行的时候，先默认在文本框显示文字，然后触发文本框的自定义事件，在div中显示文字
    

你可能感兴趣的:(trigger)

  • 好看的vue登录页面(附 源代码 背景图) 小小薛定谔 vue.jsjavascriptcss前端
    一、效果展示二、代码你好!欢迎回来登录忘记密码?注册exportdefault{name:"MedLogin",data(){return{confirm_disabled:false,loginForm:{no:'',password:''},rules:{no:[{required:true,message:'请输入账号',trigger:'blur'},{min:3,max:6,messag
  • Mac清倒废纸篓提示“voicetrigger“在使用中 ReddingtonLin MacMac
    删除Mac下的user以后，清倒废纸篓，提示“voicetrigger”在使用中。解决办法：重启Mac，开机的时候按住Cmd+R进入Recovery模式选择语言-简体中文从工具菜单中启动终端，输入密码。输入csrutildisable命令，即可关闭SIP服务。重启电脑。（正常重启即可，不用按住Cmd+R进入Recovery模式）再尝试清空废纸篓。如果还不行，就尝试用命令行删除。处理好后，再开启SI
  • 【OCPP】ocpp1.6协议第5.17 TriggerMessage章节的介绍及翻译 "啦啦啦" ocpp1.6协议开源协议学习
    目录5.17TriggerMessage-概述主要内容1.概要2.操作流程3.参数说明4.示例4.1.TriggerMessage请求示例4.2.TriggerMessage响应示例5.应用场景实际应用结论5.17TriggerMessage-原文译文5.17TriggerMessage-概述在OCPP1.6协议中，第5.17章节描述了TriggerMessage操作。这个操作允许中央系统（Cen
  • 【Vue3源码实现】Ref isRef unRef proxyRefs实现 ZhaiMou vue.jsjavascript前端数据结构前端框架开发语言
    前言在上篇文章中我们了解了响应式原理，并在最后实现了reactive。上文链接Vue3响应式原理实现与track和trigger依赖收集和触发依赖在我们的日常业务中，我们有可能需要将一个基础数据类型的值也转换成响应式的，而reactive只能代理对象，我们需要对基础数据类型的值也进行读写操作的拦截，但Proxy无法实现对基础数据类型值读写操作的拦截。所以Vue设计了Ref,以及相关api本篇文章实
  • [深入vue3之refs] ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRef等使用与讲解 oumae-kumiko vue前端vue.js前端javascript
    本章涉及的compositionapi：ref、unref、toRef、toRefs、isRef、customRef、shallowRef、triggerRefrefsapi中的重点为：ref、toRefs、shallowRef、customRef，其次是isRef等。ref接受一个内部值并返回一个响应式且可变的ref对象。ref对象仅有一个`.value`property，指向该内部值。如果将对
  • 微信小程序自定义组件及传参 墨染凉梦 微信小程序小程序
    1.新建文件夹，然后右键选择新建components2.组件的js结构如下图所示3.使用组件，在需要引用组件的页面json配置中引入组件4.组件传参之父传子父组件直接传参子组件在properties中接收，直接使用即可5.子组件传参给父组件子组件使用this.triggerEvent('事件名',参数)进行传参。父组件bind+事件名='回调方法'进行接收，并在回调方法中可以获得传递的参数
  • Apache Beam简介及相关概念 奋斗的源 Apache基础知识ApacheBeam其他
    文章目录一.简介二.基本概念1.Pipelines2.PCollection3.Transforms4.ParDo5.PipelineI/O6.Aggregation7.User-definedfunctions(UDFs)8.Runner三.高级概念1.Eventtime2.Windowing3.Watermarks4.Trigger四.工作原理一.简介ApacheBeam是一个开放源码的统一模
  • vue3 el-menu 菜单Maximum recursive updates exceeded 报错 supming1 vue.js
    vue3用el-menu实现管理后台左侧菜单，报Uncaught(inpromise)Maximumrecursiveupdatesexceededincomponent.Thismeansyouhaveareactiveeffectthatismutatingitsowndependenciesandthusrecursivelytriggeringitself.Possiblesourcesi
  • wpf 面试 云淡风轻的小白
    1ref和out2对封装，继承，多态的理解3接口和抽象类的区别4trigger（4种）5什么是单例（手写），多线程调用单例时怎么保证唯一（lock）6自定义界面控件7改变界面控件的值，绑定方式或Dispatcher8值类型和引用类型的区别，内存的存储和释放struct是引用类型吗？9委托，委托是类型安全的吗10绑定的5种方式11按钮点击后时间是个怎么的过程（路由种冒泡或者隧道详解）12程序崩溃如何
  • 三种方式mysql给id设置默认值为UUID java知路 dbmysql数据库database
    3种方式方式一给id设置默认值uuid()或者REPLACE(UUID(),"-","")方式二： INSERTINTOuser(`id`,`age`,`name`)VALUES(REPLACE(UUID(),"-",""),11,'zhagnsan');方式三：通过触发器给id设置默认值为UUIDcreatetriggerid_triggerbeforeinsertont_student_cou
  • Quartz.net-IJobFactory实现任务实例创建的依赖注入 tanzhenyuan Quartz.net
    在使用Quartz.net执行调度任务时，任务类必须实现IJob接口，如下`publicclassDLLExecutor:IJob{publicasyncTaskExecute(IJobExecutionContextcontext){//你的处理逻辑}}`具备如上任务类之后，需要做的就是与JobDetial、Trigger进行关联，为了精简，忽略JobDetial、Trigger相关属性设置,代
  • 登录请求 amanohina
    表单校验通过Element中Form组件的表单验证功能进行验证功能中需要使用的属性需要给绑定的属性：model：绑定表单数据的对象rules：表单验证对象，内部的属性名对应要验证的的prop（属性设置为数组，内部可以同时制定多条规则）required：是否必选message：验证失败的提示信息trigger：触发方式，比如bulr就是焦点时触发校验max：最大长度min：最小长度pattern：验
  • 如何在oracle实现自增数列 bhots￿ oracle数据库
    如果您想在Oracle数据库中使用触发器（Trigger）实现自增功能，可以考虑通过序列（Sequence）结合触发器实现自增功能。以下是一个简单的示例：创建序列：首先创建一个序列，用于生成自增的值。CREATESEQUENCEyour_sequence_nameSTARTWITH1INCREMENTBY1;创建触发器：创建一个触发器，在插入数据时触发，将序列的值插入到相应的列中。CREATEOR
  • Quartz.Net_错过策略 Mudrock__ Quartz.Netquartz.net
    SimpleTrigger的Misfire策略：FireNow：立即执行一次，然后按计划执行（忽略Misfire）IgnoreMisfirePolicy：忽略Misfire，按原计划继续执行RescheduleNowWithExistingRepeatCount：立即执行一次，然后根据当前时间、执行间隔、余下重复次数（含错过次数）重新安排后续的执行后续执行次数=原总次数-已执行次数总次数=原总次数
  • Quartz.Net_侦听触发器 Mudrock__ Quartz.Net.netquartz.net
    简述触发器执行任务时存在数个阶段，利用侦听器可以在对应的阶段执行一些代码如何侦听1.实现ITriggerListener接口，并实现其函数，具体说明见代码注释publicclassDeleteAfterCompleted:ITriggerListener{publicstringName=>"X";//触发时publicasyncTaskTriggerFired(ITriggertrigger,I
  • Day 49 英国首相无礼行为遭群嘲 居燃心理咨询师
    Aphoto(picture)ofBorisJohnson(美国版的特朗普)sticking（putting,随意的放）hisfootonatableduringtalksinPariswiththeFrenchpresidenttriggered(扣动扳机，引发，引起)unflatteringcomments（负面评论）onsocialmedia.Butusersonbothsidesofthe
  • SpringBoot集成Quartz发布、修改、暂停、删除定时任务 缓慢移动的蜗牛
    一、基本概念Quartz核心的概念：scheduler任务调度、Job任务、Trigger触发器、JobDetail任务细节。scheduler任务调度：是最核心的概念，需要把JobDetail和Trigger注册到scheduler中，才可以执行。Job任务：其实Job是接口，其中只有一个execute方法：Trigger触发器a)作用:它是来执行工作任务，在什么条件下触发，什么时间执行，多久执
  • echarts柱形图X轴Y轴相关配置 船长㉿ 可视化
    可配置XY轴刻度线，字体大小，柱形图大小颜色等constoptions={tooltip:{trigger:'axis',axisPointer:{//坐标轴指示器，坐标轴触发有效type:'shadow'//默认为直线，可选为：'line'|'shadow'},textStyle:{//鼠标hover遮罩层字体大小fontSize:'12'}},xAxis:[{data:['大学食堂100间',
  • vue遍历表单加规则校验 33455432 vue.jsjavascript前端
    添加指标删除型号主要代码:prop=“guOrderProductList.${i}.productModel”:rules=“[{required:true,message:‘产品型号不能为空’,trigger:‘blur’}]”>
  • 虚幻5|按键触发学习 qwq！6 虚幻5增强输入ue5学习笔记虚幻引擎虚幻c++
    一，如图参考1.下移驱动阈值越大按时间长才会触发，越小很快就可以触发2.按下当按下超出驱动阈值大小就会触发一次，这里的驱动阈值只能设置再0.1~1的大小3.已松开当按下的时候，先触发单次的started，如果按压，则持续触发ongoing内容，松开后触发Trigger内容，4.弦操作类似组合键需要多准备一个输入，弦操作的键绑定这个多准备的一个输入键，称为组合键，同时按才会触发例如，你按鼠标左键进行
  • mysql创建quartz定时任务相关表sql 提高记忆力 mysqlsql
    DROPTABLEIFEXISTSQRTZ_FIRED_TRIGGERS;DROPTABLEIFEXISTSQRTZ_PAUSED_TRIGGER_GRPS;DROPTABLEIFEXISTSQRTZ_SCHEDULER_STATE;DROPTABLEIFEXISTSQRTZ_LOCKS;DROPTABLEIFEXISTSQRTZ_SIMPLE_TRIGGERS;DROPTABLEIFEXISTS
  • 【avue+vue2+elementui】删除、rules、页面跳转、列表数据过长、日期dayjs 傻傻有内涵的我 avuevueelementui前端javascript
    这里写目录标题一、删除二、rules1.格式2.`trigger:"blur"`和`trigger:"change"`区分三、页面跳转四、列表数据过长截断五、日期dayjs一、删除API/***删除.*@param{*}data*@returns返参*/exportconstdeleteOrder=(data)=>{returnrequest({url:'/api/Order/deleteOrde
  • 使用PowerShell自动化Windows系统管理任务 小绵羊不怕大灰狼 windows
    1.管理服务列出所有服务Get-Service启动服务Start-Service-Name"ServiceName"停止服务Stop-Service-Name"ServiceName"2.管理计划任务创建计划任务$Action=New-ScheduledTaskAction-Execute"C:\Path\To\Executable.exe"$Trigger=New-ScheduledTaskTr
  • vue+elementUI用户修改密码的前端验证 zj_zjk_sjz vue.js前端elementuijavascript
    用户登录后修改密码，密码需要一定的验证规则。旧密码后端验证是否正确；前端验证新密码的规范性，新密码规范为：6-16位，至少含数字/字母/特殊字符中的两种；确认密码只需要验证与新密码是否一致；弹窗结构取消确认form验证规则passRules:{oldPassword:[{required:true,message:'请输入旧密码',trigger:'blur'}],newPassword:[{va
  • SinoDB V16.8 版本新特性 Sinoregal SinoDB数据库国产数据库
    1、Oracle兼容兼容withas语法兼容insertall/first语法兼容(+)形式的左外连接和右外连接语法兼容ROLLUP/CUBE/GROUPINGSETS语法兼容createorreplaceview/trigger/procedure/function/index语法兼容renameprocedure/function语法2、新增功能条件索引（ConditionalIndex）新增
  • 论文翻译 - BITE: Textual Backdoor Attacks with Iterative Trigger Injection anniewwy LLMBackdoorAttack
    论文链接：https://arxiv.org/pdf/2205.12700.pdf项目代码：https://github.com/INK-USC/BITEBITE:TextualBackdoorAttackswithIterativeTriggerInjectionAbstract1Introduction2ThreatModel3Methodology3.1BiasMeasurementonLa
  • Monitoring Changes in Your Database Using DDL Triggers lchstudy databasetriggersparsingtablecommandcmd
    IntroductionAdditions,deletions,orchangestoobjectsinadatabasecancauseagreatdealofhardshipandrequireadbaordevelopertorewriteexistingcodethatmayreferenceaffectedentities.Tomakemattersworsetrackingdownth
  • vue element plus Cascader 级联选择器 跟Bug双向奔赴 vue.jselementuijavascript
    当一个数据集合有清晰的层级结构时，可通过级联选择器逐级查看并选择。TIP在SSR场景下，您需要将组件包裹在之中(如:Nuxt)和SSG(e.g:VitePress).基础用法#有两种触发子菜单的方式只需为Cascader的options属性指定选项数组即可渲染出一个级联选择器。通过props.expandTrigger属性控制子节点的展开方式Childoptionsexpandwhenclicke
  • vue3生命周期 栗子daisy
    vue3的钩子函数基本是再vue2的基础上加了一个on,但也有两个钩子函数发生了变化。BeforeDestroy变成了onBeforeUnmount，destroyed变成了onUnmounted（尤大神的介绍是mount比Destroy更形象，也和beforeMount相对应。）除了这些钩子函数外，Vue3.x还增加了用来调试使用的onRenderTracked和onRenderTriggere
  • mysql3.7之触发器 job_csdn oracle数据库sqlmysql
    1.触发器的定义触发器是由事件来触发某个操作，这些事件包括INSERT、UPDATE、DELETE事件。所谓事件就是指用户的动作或者触发某项行为。如果定义了触发程序，当数据库执行这些语句时候，就相当于事件发生了，就会自动激发触发器执行相应的操作。2.触发器的语法CREATETRIGGER触发器名称{BEFORE|AFTER}{INSERT|UPDATE|DELETE}ON表名FOREACHROW触
  • ztree异步加载 3213213333332132 JavaScriptAjaxjsonWebztree
    相信新手用ztree的时候,对异步加载会有些困惑，我开始的时候也是看了API花了些时间才搞定了异步加载，在这里分享给大家。 我后台代码生成的是json格式的数据，数据大家按各自的需求生成，这里只给出前端的代码。 设置setting，这里只关注async属性的配置 var setting = { //异步加载配置
  • thirft rpc 具体调用流程 BlueSkator 中间件rpcthrift
    Thrift调用过程中，Thrift客户端和服务器之间主要用到传输层类、协议层类和处理类三个主要的核心类，这三个类的相互协作共同完成rpc的整个调用过程。在调用过程中将按照以下顺序进行协同工作：         （1）     将客户端程序调用的函数名和参数传递给协议层（TProtocol），协议
  • 异或运算推导, 交换数据 dcj3sjt126com PHP异或^
    /* * 5 0101 * 9 1010 * * 5 ^ 5 * 0101 * 0101 * ----- * 0000 * 得出第一个规律: 相同的数进行异或, 结果是0 * * 9 ^ 5 ^ 6 * 1010 * 0101 * ---- * 1111 * * 1111 * 0110 * ---- * 1001
  • 事件源对象 周华华 JavaScript
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&q
  • MySql配置及相关命令 g21121 mysql
            MySQL安装完毕后我们需要对它进行一些设置及性能优化，主要包括字符集设置，启动设置，连接优化，表优化，分区优化等等。           一 修改MySQL密码及用户      
  • [简单]poi删除excel 2007超链接 53873039oycg Excel
          采用解析sheet.xml方式删除超链接，缺点是要打开文件2次,代码如下:      public void removeExcel2007AllHyperLink(String filePath) throws Exception { OPCPackage ocPkg = OPCPac
  • Struts2添加 open flash chart 云端月影
    准备以下开源项目： 1. Struts 2.1.6 2. Open Flash Chart 2 Version 2 Lug Wyrm Charmer (28th, July 2009) 3. jofc2，这东西不知道是没做好还是什么意思，好像和ofc2不怎么匹配，最好下源码，有什么问题直接改。 4. log4j 用eclipse新建动态网站，取名OFC2Demo，将Struts2 l
  • spring包详解 aijuans spring
    下载的spring包中文件及各种包众多，在项目中往往只有部分是我们必须的，如果不清楚什么时候需要什么包的话，看看下面就知道了。 aspectj目录下是在Spring框架下使用aspectj的源代码和测试程序文件。Aspectj是java最早的提供AOP的应用框架。 dist 目录下是Spring 的发布包，关于发布包下面会详细进行说明。 docs&nb
  • 网站推广之seo概念 antonyup_2006 算法Web应用服务器搜索引擎Google
       持续开发一年多的b2c网站终于在08年10月23日上线了。作为开发人员的我在修改bug的同时，准备了解下网站的推广分析策略。     所谓网站推广，目的在于让尽可能多的潜在用户了解并访问网站，通过网站获得有关产品和服务等信息，为最终形成购买决策提供支持。     网站推广策略有很多，seo，email，adv
  • 单例模式,sql注入,序列 百合不是茶 单例模式序列sql注入预编译
      序列在前面写过有关的博客,也有过总结,但是今天在做一个JDBC操作数据库的相关内容时 需要使用序列创建一个自增长的字段  居然不会了,所以将序列写在本篇的前面    1,序列是一个保存数据连续的增长的一种方式; 序列的创建; CREATE SEQUENCE seq_pro 2 INCREMENT BY 1 -- 每次加几个 3
  • Mockito单元测试实例 bijian1013 单元测试mockito
    Mockito单元测试实例： public class SettingServiceTest { private List<PersonDTO> personList = new ArrayList<PersonDTO>(); @InjectMocks private SettingPojoService settin
  • 精通Oracle10编程SQL(9)使用游标 bijian1013 oracle数据库plsql
    /* *使用游标 */ --显示游标 --在显式游标中使用FETCH...INTO语句 DECLARE CURSOR emp_cursor is select ename,sal from emp where deptno=1; v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; begin ope
  • 【Java语言】动态代理 bit1129 java语言
      JDK接口动态代理 JDK自带的动态代理通过动态的根据接口生成字节码(实现接口的一个具体类)的方式，为接口的实现类提供代理。被代理的对象和代理对象通过InvocationHandler建立关联   package com.tom; import com.tom.model.User; import com.tom.service.IUserService;
  • Java通信之URL通信基础 白糖_ javajdkwebservice网络协议ITeye
    java对网络通信以及提供了比较全面的jdk支持，java.net包能让程序员直接在程序中实现网络通信。 在技术日新月异的现在，我们能通过很多方式实现数据通信，比如webservice、url通信、socket通信等等，今天简单介绍下URL通信。 学习准备：建议首先学习java的IO基础知识   URL是统一资源定位器的简写，URL可以访问Internet和www，可以通过url
  • 博弈Java讲义 - Java线程同步 (1) boyitech java多线程同步锁
      在并发编程中经常会碰到多个执行线程共享资源的问题。例如多个线程同时读写文件，共用数据库连接，全局的计数器等。如果不处理好多线程之间的同步问题很容易引起状态不一致或者其他的错误。    同步不仅可以阻止一个线程看到对象处于不一致的状态，它还可以保证进入同步方法或者块的每个线程，都看到由同一锁保护的之前所有的修改结果。处理同步的关键就是要正确的识别临界条件（cri
  • java-给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。 bylijinnan java
    public class DeleteExtraSpace { /** * 题目：给定字符串，删除开始和结尾处的空格，并将中间的多个连续的空格合并成一个。 * 方法1.用已有的String类的trim和replaceAll方法 * 方法2.全部用正则表达式，这个我不熟 * 方法3.“重新发明轮子”，从头遍历一次 */ public static v
  • An error has occurred.See the log file错误解决！ Kai_Ge MyEclipse
    今天早上打开MyEclipse时，自动关闭！弹出An error has occurred.See the log file错误提示！ 很郁闷昨天启动和关闭还好着！！！打开几次依然报此错误，确定不是眼花了！ 打开日志文件！找到当日错误文件内容： --------------------------------------------------------------------------
  • [矿业与工业]修建一个空间矿床开采站要多少钱? comsci
           地球上的钛金属矿藏已经接近枯竭...........        我们在冥王星的一颗卫星上面发现一些具有开采价值的矿床.....        那么,现在要编制一个预算,提交给财政部门..
  • 解析Google Map Routes dai_lm google api
    为了获得从A点到B点的路劲，经常会使用Google提供的API，例如 [url] http://maps.googleapis.com/maps/api/directions/json?origin=40.7144,-74.0060&destination=47.6063,-122.3204&sensor=false [/url] 从返回的结果上，大致可以了解应该怎么走，但
  • SQL还有多少“理所应当”？ datamachine sql
    转贴存档，原帖地址：http://blog.chinaunix.net/uid-29242841-id-3968998.html、http://blog.chinaunix.net/uid-29242841-id-3971046.html！ ------------------------------------华丽的分割线--------------------------------
  • Yii使用Ajax验证时，如何设置某些字段不需要验证 dcj3sjt126com Ajaxyii
    经常像你注册页面,你可能非常希望只需要Ajax去验证用户名和Email,而不需要使用Ajax再去验证密码,默认如果你使用Yii 内置的ajax验证Form,例如: $form=$this->beginWidget('CActiveForm', array(        'id'=>'usuario-form',&
  • 使用git同步网站代码 dcj3sjt126com crontabgit
    转自:http://ued.ctrip.com/blog/?p=3646?tn=gongxinjun.com   管理一网站，最开始使用的虚拟空间，采用提供商支持的ftp上传网站文件，后换用vps，vps可以自己搭建ftp的，但是懒得搞，直接使用scp传输文件到服务器，现在需要更新文件到服务器，使用scp真的很烦。发现本人就职的公司，采用的git+rsync的方式来管理、同步代码，遂
  • sql基本操作 蕃薯耀 sqlsql基本操作sql常用操作
    sql基本操作 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月1日 17:30:33 星期一     &
  • Spring4+Hibernate4+Atomikos3.3多数据源事务管理 hanqunfeng Hibernate4
    Spring3+后不再对JTOM提供支持，所以可以改用Atomikos管理多数据源事务。Spring2.5+Hibernate3+JTOM参考：http://hanqunfeng.iteye.com/blog/1554251Atomikos官网网站：http://www.atomikos.com/   一.pom.xml <dependency> <
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他