当前位置: 首页 > 编程笔记 >

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

农建弼
2023-03-14
本文向大家介绍JQuery选择器绑定事件及修改内容的方法,包括了JQuery选择器绑定事件及修改内容的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了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,jb51!" />

<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, jb51!"); });

</script>

</body>

</html>

更多关于jquery选择器相关内容感兴趣的读者可查看本站专题:《jquery选择器用法总结》

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

 类似资料:
  • 我在选择元素的更改事件上绑定了一个事件: 当变更事件发生时,我如何访问被选中的元素?

  • 本文向大家介绍JS函数修改html的元素内容,及修改属性内容的方法,包括了JS函数修改html的元素内容,及修改属性内容的方法的使用技巧和注意事项,需要的朋友参考一下 修改元素内容: 修改元素标签属性: 以上就是小编为大家带来的JS函数修改html的元素内容,及修改属性内容的方法全部内容了,希望大家多多支持呐喊教程~

  • 本文向大家介绍jquery单选框radio绑定click事件实现方法,包括了jquery单选框radio绑定click事件实现方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery单选框radio绑定click事件实现方法。分享给大家供大家参考。 具体实现方法如下: 希望本文所述对大家的jQuery程序设计有所帮助。

  • 本文向大家介绍Angular4 Select选择改变事件的方法,包括了Angular4 Select选择改变事件的方法的使用技巧和注意事项,需要的朋友参考一下 个人感觉change没用。 所以用的ngModelChange 以上这篇Angular4 Select选择改变事件的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 本文向大家介绍jQuery事件的绑定、触发、及监听方法简单说明,包括了jQuery事件的绑定、触发、及监听方法简单说明的使用技巧和注意事项,需要的朋友参考一下 如果你在写文章或者 Demo,为了简单,你当然可以用事件监听函数,以及那些事件对象提供的方法等。但在实际中,有一些方法和属性是有兼容性问题的,所以我们会使用 jQuery 来消除兼容性问题。 下面简单的来说一下 jQuery 中事件的基础操

  • 问题内容: 已锁定 。该问题及其答案被锁定,因为该问题是题外话,但具有历史意义。它目前不接受新的答案或互动。 我正在寻找可以改善jQuery调用选择器性能的任何方式。具体来说是这样的: 是不是快 我想可能是这样,但是我不知道jQuery是否足够聪明,可以首先通过标记名来限制搜索,等等。任何人都对如何制定jQuery选择器字符串以获得最佳性能有任何想法? 问题答案: 毫无疑问, 首先通过标记名进行