on在选择元素上绑定一个或多个事件的事件处理函数,hide()隐藏对应的函数,show()将之前display:none的元素进行显示:
<input type="button" id="btn"value="点击"></input>
<label id="lab1">点一下我会隐藏</label>
<label style="display: none" id="lab2">啦啦啦,我出来了</label>
<script type="text/javascript" src="public/js/jquery.js"></script>
<script>
$(document).ready(function(){//使用document.ready(function(){....})保证加载完dom节点之后才能调用,保证jquery初始化的元素可以找到
$("#btn").on("click",function(){//第一个元素定义事件
$("#lab1").hide();//隐藏元素
$("#lab2").show();//将之前display:none的元素进行显示
});
});
</script>
相关推荐
jQuery函数全解析
《jQuery函数:强大的封装与应用》 jQuery,作为一款广泛使用的JavaScript库,以其简洁的语法、丰富的API和高效的性能赢得了开发者们的青睐。标题中的“jquery函数 强大的封装”正揭示了jQuery的核心魅力:它将复杂...
标题中的“jquery函数包”指的是这个压缩包包含的jQuery核心库文件,即`jquery-1.3.2.min.js`。这个版本的jQuery是在2009年发布的,虽然现在已经有了更新的版本,但1.3.2仍然是许多项目中仍然使用的稳定版本。`.min....
本文将深入探讨jQuery函数命名的四种主要方式,并提供相关的实践示例。 1. **匿名函数** 匿名函数在jQuery中被广泛用于事件处理和回调函数。例如,当你想要为一个按钮绑定点击事件时,你可以这样写: ```...
《50个jQuery函数演示——深入理解与应用》 jQuery,作为一款强大的JavaScript库,极大地简化了DOM操作、事件处理、动画制作等任务,深受Web开发者喜爱。Smashing Magazine是业界知名的在线出版物,它发布了一系列...
《jQuery函数包与扩展函数详解》 jQuery,作为一款广泛使用的JavaScript库,极大地简化了DOM操作、事件处理、动画设计和Ajax交互等任务。本文将深入探讨jQuery的核心功能,并特别关注其中的三个常用扩展函数,旨在...
下面是一个简单的jQuery函数声明示例: ```javascript $(document).ready(function() { $('img').click(show); function show() { var info = '<div><h3></h3></div>'; $(this).after(info); $(this).unbind...
jquery的一些操作函数,总结。。方便应用,,及时查找
jQuery函数 用比尔·盖茨的话来说: 就像几乎所有其他种类的创新一样,软件创新需要具有与他人协作和共享想法,坐下来与客户交谈并获得他们的反馈和理解他们的需求的能力。 该库的目的是将所有jQuery UI小部件集成...
《jQuery API 函数详解》 jQuery,作为一款广泛使用的JavaScript库,极大地简化了网页的DOM操作、事件处理、动画设计以及Ajax交互。本篇将基于提供的"jqueryAPI函数chm文档",深入探讨jQuery的核心API函数,帮助...
jQuery函数是执行特定任务的代码块,它们可以被调用来执行各种操作,如选择元素、修改DOM、触发事件等。jQuery库提供了大量的内置函数,同时用户也可以自定义函数以满足个性化需求。 二、选择器函数 jQuery的选择...
**jQuery实现的Ajax函数在ASP中的应用** Ajax(异步JavaScript和XML)技术允许网页在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容,显著提升了用户体验。jQuery库简化了JavaScript的Ajax操作,...
ES5 Array.reduce 方法作为 jQuery 函数的实现,它可以对数组和常规对象进行操作,并且受旧的、不支持 ES5 的浏览器(例如 IE8-)支持 加上一个 jQuery 插件,用于对 jQuery 对象执行数组缩减 示例用法 return prev...
禁止将jQuery函数与本机等效项一起使用。 安装 您首先需要安装 : $ npm install eslint --save-dev 接下来,安装eslint-plugin-jquery : $ npm install eslint-plugin-jquery --save-dev 注意:如果全局安装了...
#这个插件会为你调用每一个jquery函数您的项目中没有足够的 jquery? 不确定要调用什么 jquery 函数? more-jquery.js 可能适合你!入门在 jquery.js 之后包含 more-jquery.js: < script src =" bower_...
OSOptimizer 包含Jquery函数的迷你库,该函数提供一些带有AttributeCSS编辑。 布局应如下。 <html><head><link href=...
每个函数都接受一个`next`参数,这是jQuery提供的回调函数,当当前函数执行完毕后调用它,以便进入队列中的下一个函数。`delay`方法用于在动画之间插入延迟。 除了手动添加函数到队列,还可以使用`$.dequeue()`方法...
jQuery函数的第二个参数可以指定DOM元素的搜索范围。 第二个参数可分为以下类型 DOM reference jQuery wrapper document 代码示例 代码如下: <!DOCTYPE html> <html> <body> <form> <input ...
eslint-plugin-no-jquery 禁止使用jQuery函数,并在可能的情况下建议使用本机等效项。 最初是一个分支。 :down_arrow: 安装您首先需要安装 : npm install eslint --save-dev 接下来,安装eslint-plugin-no-jquery ...