不积跬步无以至千里

记录精彩的程序人生

  • 首页
  • Java
  • Golang
  • PHP
  • Python
  • Nodejs
  • Lua
  • Docker
  • DevOps
  • 文章归档
  • 默认分类
  • 关于
  • 标签

  • 搜索
PostgreSQL hbase 时间同步 nexus 开机启动 nexus, 开机启动 jenkins安装配置 gitlab安装配置 gitlab安装 文件系统 fastdfs gcc切换 gcc升级 mysql8 交换空间 虚拟内存 tcp thrift lua tag test VPN SoftEtherVPN homebrew asm spring tomcat maven jdk ios mac 图案字符 figlet mysql半同步复制 mysql主从同步 一主多从 一主一从 主从同步 反向代理 密码重置 test 虚拟机扩容 swap 虚拟空间 docker ldocker grpc-gateway protobuf 微服务 go grp GRPC 授权登录 OAuth2.0 SOA supervisord supervisor RPC CentOS rabbitmq 环境变量 php-fpm php.ini error php7 lnmp 编译安装 mysql nginx linux java php python redis 字符串操作 mysql5.7 Solo

JQuery触发元素事件

发表于 2020-12-05 | 分类于 默认分类 | 0 | 阅读次数 1356

在js中,如果我们要触发一个按钮的点击事件,直接使用元素的onclick事件,然后调用相关函数就可以了,这样的 写法则是让代码与html结合到一起了,在Jquery中就不用这样了,它有另外的几种写法,可以使代码与html分开:

比如页面中有一个按钮:<input id="btn" type="button" value="提交" />

我们要触发它的点击事件可以有下面两种方式:

一:jQuery(function($){
$("#btn").click(function(){alert("这是触发事件的第一种方式")})
})

直接获得元素,然后调用click方法就可以了,函数在事件里面写

二:jQuery(document).ready(function()
{
$("#btn1").bind("click",function(event){
alert("这是触发事件的第二种方式")
})
}   )

这种方法是绑定事件

上面两种方式都可以,其中click可以换成其他的blur,focus等事件

如果是一个元素要触发两次事件,比如失去焦点,获取焦点,在js中要用到onfocus和onblur事件,在jquery中直接连续添加即可

$(function(){
$("#txtName").focus(function(){
$("#txtName").attr("value","");
}).blur(function(){
$("#txtName").addClass("aa");
});
})

或者

$(function(){
$("#txtName").focus(function(){
$(this).attr("value","");
}).blur(function(){
$(this).addClass("aa");
});
})

this代表当前元素

或者使用bind绑定两次事件都可以

jQuery Validation范例
CURL模拟POST提交的方法
  • 文章目录
  • 站点概览
ken

ken

记录精彩的程序人生

498 日志
9 分类
77 标签
RSS
Creative Commons
Links
  • 酷壳
0%
© 2010 — 2026 ken
由 Halo 强力驱动
鄂ICP备18013899号-1