`

jQuery显示、隐藏

    博客分类:
  • RUBY
阅读更多
<%=javascript_include_tag 'jquery'%>
<td  id="note" class="services" >
<input title="显示全部信息"  onclick="<%=jq_show('.all_infos')%><%=jq_hide('.services')%>" type="button" value="显示全部信息">
</td>

<td  id="note" class="all_infos" style="display: none;">
<input title="收起"  onclick="<%=jq_show('.services')%><%=jq_hide('.all_infos')%>" type="button" value="收起">
</td>


   def jq_show(*arg)
      html=""
      arg.each{|a| html+="jQuery('#{a}').show('slow');"}
      html
    end
   
    def jq_hide(*arg)
      html=""
      arg.each{|a| html+="jQuery('#{a}').hide('slow');"}
      html
    end
分享到:
评论

相关推荐

    完美的鼠标放上去jquery显示隐藏层

    在网页设计和开发中,交互性是提升用户体验的关键因素之一,而“完美的鼠标放上去jquery显示隐藏层”正是实现这种交互效果的一种技术手段。这个标题所指的是一种使用JavaScript库jQuery来实现在鼠标悬停(hover)时...

    jquery显示隐藏菜单实例

    "jquery显示隐藏菜单实例"是一个常见的需求,尤其是在构建响应式或者交互式的网站时。这个实例展示了如何利用jQuery轻松实现菜单的显示和隐藏功能,以提高用户体验。 首先,我们需要在HTML结构中定义菜单元素。通常...

    jquery显示隐藏图片效果

    &lt;title&gt;jQuery显示隐藏图片效果 &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; 示例图片"&gt; 切换显示/隐藏 &lt;script src="script.js"&gt;&lt;/script&gt; ``` 这里,我们有一个`&lt;img&gt;`标签...

    jquery插件库-jquery显示隐藏密码插件.zip

    总的来说,"jquery插件库-jquery显示隐藏密码插件.zip"中的资源提供了一个实用的工具,帮助开发者在网页表单中创建更加友好且安全的密码输入体验。通过理解和应用这些知识点,我们可以将这种交互功能轻松集成到自己...

    jQuery显示隐藏密码插件jquery.toggle-password

    本文将深入探讨“jQuery显示隐藏密码插件jquery.toggle-password”,这是用于增强网页表单用户体验的一个实用工具,尤其对于那些关注隐私和安全性的用户来说。 ### jQuery基础 在了解这个插件之前,我们先来回顾...

    jquery显示隐藏文字列表条数代码

    "jquery显示隐藏文字列表条数代码"这个主题涉及到的是使用jQuery来控制文本列表的显示与隐藏,并实时展示列表中的条目数量。下面我们将详细探讨如何实现这一功能。 首先,我们需要理解jQuery的基本用法。在HTML页面...

    jQuery显示隐藏DIV简单实例.zip

    &lt;title&gt;jQuery显示隐藏DIV实例 &lt;script src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt; &lt;!-- 页面内容 --&gt; ``` 接下来,我们创建一个HTML结构,包含一个用于显示和隐藏的DIV元素。例如,我们...

    jQuery显示隐藏密码插件jquery.toggle-password演示

    jQuery显示隐藏密码插件jquery.toggle-password演示

    jquery显示隐藏

    "jquery显示隐藏"这个话题是jQuery中最基础且常用的功能之一,它涉及到元素的可见性控制。在这个场景中,我们将深入探讨如何使用jQuery来显示和隐藏页面上的HTML元素。 一、jQuery的选择器 在jQuery中,我们首先...

    jQuery显示隐藏和复制表单密码字段插件

    本篇文章将详细讲解一个特定的jQuery插件——用于显示、隐藏和复制表单中密码字段的插件。 首先,表单中的密码字段通常以星号或圆点显示,以保护用户的隐私。然而,在某些情况下,用户可能需要查看或复制他们输入的...

    jQuery显示隐藏密码插件jquery.toggle-password.zip

    在 Windows(Windows 7以上)系统以及 IE 里,当输入密码的时候,右边会有一个小眼睛,按下这个小...现在我们可以使用jQuery插件jquery.toggle-password让我们的网站也有类似的功能。 查看演示 标签:jquery

    jquery显示隐藏元素的实现代码

    $("#id")返回的是JQuery 它是个集合肯定没有display属性 $(“#firstStep”).hide(500);而且可以设置时间;(“#firstStep”).hide(500);而且可以设置时间; $(“.class”).css(‘display’,’block’); $(“#id”)....

    jquery 隐藏显示行

    在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 JavaScript 的操作,包括隐藏和显示元素。本文将深入探讨如何利用 jQuery 实现表格行的隐藏与显示功能,同时也会涉及到一些基本的 HTML 和 ...

    jquery默认隐藏鼠标点击显示文字菜单导航代码.zip

    本资源“jquery默认隐藏鼠标点击显示文字菜单导航代码.zip”显然是一个包含jQuery实现的导航菜单示例代码,适用于网页设计和开发。 在网页设计中,菜单导航是至关重要的组成部分,它帮助用户在网站的不同页面之间...

    jQuery密码显示隐藏登录表单

    本文将详细探讨"jQuery密码显示隐藏登录表单"这一主题,涵盖如何利用jQuery实现登录表单中密码字段的可见性和隐藏状态切换,以及相关的重要知识点。 1. **jQuery基础** - jQuery库的核心功能是通过简洁的API来操作...

    jquery登陆窗口密码输入框支持显示或者隐藏密码

    在注册一些网站的时候,我们经常看到可以显示密码的情况,今天特意整理了下这个jquery代码分享给大家使用。 使用方法: 1、调用lanrenzhijia.css样式以及jquery库 2、调用本案例推荐的一段jquery代码在head中 3、...

    JQuery显示隐藏页面元素的方法总结

    主要介绍了JQuery显示隐藏页面元素的方法总结,本文分别讲解了show()、hide()、toggle()、slideDown()、css()5种控制显示隐藏某个DIV或P标签等页面元素的方法,需要的朋友可以参考下

Global site tag (gtag.js) - Google Analytics