`
dengminghua1016
  • 浏览: 129993 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery如何隐藏部分文本。

jQuery 
阅读更多
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".ex .hide").click(function(){
$(this).parents(".ex").hide("slow");
});
});
</script>
<style type="text/css">
div.ex
{
background-color:#e5eecc;
padding:7px;
border:solid 1px #c3c3c3;
}
</style>
</head>

<body>

<h3>Island Trading</h3>
<div class="ex">
<button class="hide" type="button">Hide me</button>
<p>Contact: Helen Bennett<br />
Garden House Crowther Way<br />
London</p>
</div>

<h3>Paris Trading</h3>
<div class="ex">
<button class="hide" type="button">Hide me</button>
<p>Contact: Marie Bertrand<br />
265, Boulevard Charonne<br />
Paris</p>
</div>

</body>
</html>
分享到：
| javascript的一些对象
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery文本，以文本格式保存的jquery文件

    **筛选**是jQuery中的一个重要部分，它允许我们从一组匹配的元素中进一步精炼。`.filter()`, `.not()`, `.first()`, `.last()`, `.eq(index)`, `.find(selector)`等方法用于筛选和查找特定的元素。这在处理复杂DOM...

    jquery.mark-强大的jQuery关键字文本高亮插件

    `jquery.mark`是一个高效且灵活的jQuery插件，专为在网页文本中实现关键字高亮而设计。它不仅提供基本的关键字突出显示功能，还具备一系列高级特性，使得用户能够定制化的处理文本高亮，提升用户体验。 ### 一、...

    jquery文本转语音播放

    "jQuery文本转语音播放"技术就是一种创新的方法，它允许用户在浏览器环境中将文字内容转化为可听的语音，这对于视力障碍者或者那些希望“听”网页内容的用户来说尤其有用。本文将深入探讨如何使用jQuery和相关技术来...

    推荐20款基于 jQuery & CSS 的文本效果插件

    18. CSS Masking：利用CSS遮罩技术，让文本部分隐藏，形成有趣的视觉效果。 19. ScrollParallax：基于滚动的视差效果，使文本随滚动速度变化而产生深度感。 20. TextHighlighter：动态高亮文本，可用于突出显示...

    jquery文本单行多行滚动特效

    5. **兼容性**：jQuery库自身已经处理了大部分浏览器的兼容问题，但在实际应用中，我们仍需要关注一些老旧浏览器对CSS3动画或某些jQuery方法的支持情况。可以使用`$.support`检查浏览器特性，或者引入polyfill来增强...

    jQuery隐藏收缩在线客服 jQuery隐藏收缩在线客服网页特效.zip

    前端是用户与网页交互的部分，包括HTML（超文本标记语言）和JavaScript。HTML用于构建网页结构，而JavaScript则提供了动态交互性。在这个项目中，HTML可能会创建一个用于触发客服展示的元素，比如一个按钮或者图标。...

    jQuery长文本分页特效.zip

    当用户点击分页按钮时，jQuery会捕获这个事件，然后动态地显示或隐藏相应的文本内容。这种技术的关键在于有效地管理页面元素的可见性，而不是频繁地进行页面重载或Ajax请求，从而提高了性能。 jQuery库提供了丰富的...

    jquery 文本编辑

    在实现时，jQuery文本编辑器通常基于iframe或者contenteditable属性来创建可编辑区域，以隔离编辑内容和页面其他部分的样式冲突。此外，为了提供更好的用户体验和兼容性，还需要考虑跨浏览器的适配和响应式设计。 ...

    jQuery打字动画文本占位符特效.zip

    2. **设置初始状态**：初始化文本内容为空或者部分可见，这可以通过修改`innerHTML`或CSS的`text-indent`属性实现。 3. **定义动画函数**：创建一个函数，该函数会逐个字符地添加文本。可以使用`setTimeout`或`...

    jQuery复制按钮复制指定文本

    在这个示例中，当用户点击“复制文本”按钮时，jQuery会选取`#text-to-copy`元素中的文本，并将其放入一个临时的隐藏`&lt;textarea&gt;`中。然后，我们调用`document.execCommand('copy')`命令尝试复制选中的文本到剪贴板...

    jQuery实现的文本段落过长时展开和收拢效果.zip

    超出部分隐藏。 ```css .long-text { width: 300px; /* 根据需要设定宽度 */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } ``` 3. **jQuery代码**：添加jQuery库，然后编写JavaScript...

    jquery+鼠标经过显示全部内容离开隐藏部分内容

    根据给定的文件信息，我们可以总结出以下关于jQuery在网页设计中的应用以及如何利用鼠标事件显示和隐藏部分内容的关键知识点： ### 1. jQuery基础概念与功能 jQuery是一种快速、简洁的JavaScript库，它极大地简化...

    Jquery ajax方式读取txt文件、Jquery分页.

    AJAX（异步JavaScript和XML）允许我们在不刷新整个页面的情况下更新部分网页内容。在jQuery中，`$.ajax()`函数是实现这一目标的核心。要读取TXT文件，我们可以这样做： ```javascript $.ajax({ type: 'GET', // ...

    jquery对比功能

    由于大部分jQuery方法返回的都是jQuery对象，因此可以连续调用多个方法，如`$("#element").addClass("highlight").slideDown();`，这极大地提高了代码的可读性和效率。 7. **插件系统**：jQuery拥有庞大的插件生态...

    jQuery网页延迟弹窗复制文本代码

    在本文中，我们将深入探讨如何使用jQuery实现在手机移动端网页上的延迟弹窗功能，并结合文本复制功能，特别是在涉及微信账号的场景下。首先，我们来理解这个标题——"jQuery网页延迟弹窗复制文本代码"。这表明我们要...

    jQuery实现文本描述提示框插件abTips

    abTips基于jquery运行的文本描述提示插件。 提示框支持上下左右等多种定位，可自定义信息属性标签默认为abtext，也可直接选择获取title属性标签默认信息。支持跟随鼠标位置提示以及固定位置提示。插件自动检测是否...

    jQuery长文本分页特效

    jQuery长文本分页特效是一种常见的前端技术，用于处理大量文本数据的展示，特别是在网页上，以提高用户体验。这种特效能够将长篇幅的文本分割成多个页面，让用户能够逐页浏览，而不是一次性加载所有内容，从而减少...

    jquery实现多余文字显示或隐藏

    `可以使超出的文本隐藏。 4. **jQuery事件**：利用jQuery的事件监听，如`click`, `hover`等，可以响应用户交互。当用户触发特定事件时，执行相应的JavaScript代码来显示或隐藏文本。 5. **扩展功能**：为了实现...

Magicbox
Global site tag (gtag.js) - Google Analytics