JQuery选择器绑定事件及修改内容的方法


Posted in Javascript onJanuary 23, 2015

本文实例讲述了JQuery选择器绑定事件及修改内容的方法。分享给大家供大家参考。具体实现方法如下:

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Hello World jQuery!</title>

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>

</head>

<body>

<div id="divMsg">Hello World!</div>

<input id="btnShow" type="button" value="显示" />

<input id="btnHide" type="button" value="隐藏" /><br />

<input id="btnChange" type="button" value="修改内容为Hello World,3water!" />

<script type="text/javascript" >

$("#btnShow").bind("click", function(event) { $("#divMsg").show();});

$("#btnHide").bind("click", function(event) { $("#divMsg").hide();});

$("#btnChange").bind("click", function(event){ $("#divMsg").html("Hello World, 3water!"); });

</script>

</body>

</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
javascript开发技术大全-第1章javascript概述
Jul 03 Javascript
JS实现在网页中弹出一个输入框的方法
Mar 03 Javascript
JQuery radio(单选按钮)操作方法汇总
Apr 15 Javascript
使用AngularJS实现表单向导的方法
Jun 19 Javascript
JS控制按钮10秒钟后可用的方法
Dec 22 Javascript
使用微信内置浏览器点击下拉框出现页面乱跳转现象(iphone),该怎么办
Jan 04 Javascript
jQuery实现jQuery-form.js实现异步上传文件
Apr 28 jQuery
深入理解angular2启动项目步骤
Jul 15 Javascript
详解js的作用域、预解析机制
Feb 05 Javascript
vue加载自定义的js文件方法
Mar 13 Javascript
JS实现把一个页面层数据传递到另一个页面的两种方式
Aug 13 Javascript
vue实现配置全局访问路径头(axios)
Nov 01 Javascript
angular中使用路由和$location切换视图
Jan 23 #Javascript
JavaScript中的类与实例实现方法
Jan 23 #Javascript
PHP中CURL的几个经典应用实例
Jan 23 #Javascript
Javascript闭包用法实例分析
Jan 23 #Javascript
JavaScript学习笔记之Function对象
Jan 22 #Javascript
JavaScript学习笔记之Cookie对象
Jan 22 #Javascript
javascript二维数组转置实例
Jan 22 #Javascript
You might like
PHP 如何利用phpexcel导入数据库
2013/08/24 PHP
PHP4和PHP5版本下解析XML文档的操作方法实例分析
2017/05/20 PHP
Laravel框架之解决前端显示图片问题
2019/10/24 PHP
js之事件冒泡和事件捕获详细介绍
2013/10/28 Javascript
node.js中的http.response.setHeader方法使用说明
2014/12/14 Javascript
简述AngularJS相关的一些编程思想
2015/06/23 Javascript
实例讲解js验证表单项是否为空的方法
2016/01/09 Javascript
分享12个实用的jQuery代码片段
2016/03/09 Javascript
Node.js的项目构建工具Grunt的安装与配置教程
2016/05/12 Javascript
AngularJS入门教程之AngularJS 模板
2016/08/18 Javascript
Javascript日期格式化format函数的使用方法
2016/08/30 Javascript
JS扩展类,克隆对象与混合类实例分析
2016/11/26 Javascript
vue动态生成dom并且自动绑定事件
2017/04/19 Javascript
angularJs中datatable实现代码
2017/06/03 Javascript
浅析Node.js非对称加密方法
2018/01/29 Javascript
关于jquery layui弹出层的使用方法
2018/04/21 jQuery
layer.open 子页面弹出层向父页面传输数据的例子
2019/09/26 Javascript
解决layui的radio属性或别的属性没显示出来的问题
2019/09/26 Javascript
用smtplib和email封装python发送邮件模块类分享
2014/02/17 Python
python实现点对点聊天程序
2018/07/28 Python
django 微信网页授权认证api的步骤详解
2019/07/30 Python
执行Django数据迁移时报 1091错误及解决方法
2019/10/14 Python
将SVG图引入到HTML页面的实现
2019/09/20 HTML / CSS
SISLEY希思黎官方旗舰店:享誉全球的奢华植物美容品牌
2018/04/25 全球购物
方正Java笔试题
2014/07/03 面试题
计算机专业毕业生推荐信
2013/11/25 职场文书
《老王》教学反思
2014/02/23 职场文书
党员一句话承诺大全
2014/03/28 职场文书
培训协议书范本
2014/04/22 职场文书
小学教师师德承诺书
2014/05/23 职场文书
模特大赛策划方案
2014/05/28 职场文书
检察院院长群众路线教育实践活动个人整改措施
2014/10/04 职场文书
企业计划生育责任书
2015/05/09 职场文书
2015年政府采购工作总结
2015/05/21 职场文书
JavaWeb 入门篇:创建Web项目,Idea配置tomcat
2021/07/16 Java/Android
Go 语言中 20 个占位符的整理
2021/10/16 Golang