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 拖拉缩放效果
Dec 10 Javascript
js将控件隐藏的方法及display属性介绍
Jul 04 Javascript
Mac OS X 系统下安装和部署Egret引擎开发环境
Sep 03 Javascript
jQuery中end()方法用法实例
Jan 08 Javascript
jQuery实现带水平滑杆的焦点图动画插件
Mar 08 Javascript
JavaScript 实现的checkbox经典实例分享
Oct 16 Javascript
详解Vue.js搭建路由报错 router.map is not a function
Jun 27 Javascript
bootstrap datetimepicker控件位置异常的解决方法
Nov 23 Javascript
JS字典Dictionary类定义与用法示例
Feb 01 Javascript
阿望教你用vue写扫雷小游戏
Jan 20 Javascript
Node.js中文件系统fs模块的使用及常用接口
Mar 06 Javascript
JS表单验证插件之数据与逻辑分离操作实例分析【策略模式】
May 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
IIS php环境配置PHP5 MySQL5 ZendOptimizer phpmyadmin安装与配置
2008/11/18 PHP
php类中的各种拦截器用法分析
2014/11/03 PHP
PHP SPL标准库之SplFixedArray使用实例
2015/05/12 PHP
ubuntu下配置nginx+php+mysql详解
2015/09/10 PHP
php把字符串指定字符分割成数组的方法
2018/03/12 PHP
关于laravel后台模板laravel-admin select框的使用详解
2019/10/03 PHP
PHP 对象接口简单实现方法示例
2020/04/13 PHP
Jquery 最近浏览过的商品的功能实现代码
2010/05/14 Javascript
JQuery扩展插件Validate—6 radio、checkbox、select的验证
2011/09/05 Javascript
Jquery实现图片预加载与延时加载的方法
2014/12/22 Javascript
原生js封装的一些jquery方法(详解)
2016/09/20 Javascript
jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
2016/11/16 Javascript
基于JS实现的随机数字抽签实例
2016/12/08 Javascript
jQuery实现select模糊查询(反射机制)
2017/01/14 Javascript
详解react如何在组件中获取路由参数
2017/06/15 Javascript
vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)
2017/10/16 Javascript
echarts整合多个类似option的方法实例
2018/07/10 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
2019/10/11 Javascript
解决vue.js中settimeout遇到的问题(时间参数短效果不稳定)
2020/07/21 Javascript
[01:25:09]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS DT第二场
2014/05/24 DOTA
Python+OpenCV感兴趣区域ROI提取方法
2019/01/10 Python
python basemap 画出经纬度并标定的实例
2019/07/09 Python
python实现将文件夹内的每张图片批量分割成多张
2019/07/22 Python
pygame实现五子棋游戏
2019/10/29 Python
python 调试冷知识(小结)
2019/11/11 Python
英国电气世界:Electrical World
2019/09/08 全球购物
小学母亲节活动方案
2014/03/14 职场文书
销售人员求职的自我评价分享
2014/03/15 职场文书
实习生岗位职责
2014/04/12 职场文书
2014年五四青年节演讲比赛方案
2014/04/22 职场文书
工作评语大全
2014/04/26 职场文书
教师作风整顿个人剖析材料
2014/10/10 职场文书
2014年图书馆个人工作总结
2014/12/18 职场文书
村官2015年度工作总结
2015/10/14 职场文书
2016入党培训心得体会范文
2016/01/08 职场文书
opencv-python图像配准(匹配和叠加)的实现
2021/06/23 Python