腾讯云

文章/答案/技术大牛

发布

社区首页 >问答首页 >jquery onclick用于扩展右侧的文本内容？

问jquery onclick用于扩展右侧的文本内容？
EN

Stack Overflow用户

提问于 2013-06-27 15:36:52

回答 1查看 220关注 0票数 1

您好，我正在尝试实现与在我的小提琴上悬停时相同的效果，我想使用jquery点击/切换来扩展内容，而不是在悬停时看到它

我正在使用jquery/css尝试基本的addClass，但不知何故它断了，无法弄清楚如何正常工作

感谢您对以下内容的任何帮助或建议，非常感谢！

下面是我使用jquery创建的fiddle

$(document).ready(function(){
  $(".gamewrapper").click(function(){
    $(".gamewrapper").addClass("expand");
  });
});

谢谢

css

portfolio

jquery

html

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-11-06 21:49:05

抱歉，我来晚了，但这里有个解决方案：

$(document).ready(function(){
  $(".gamewrapper").click(function()
  {
      console.log(this);         
    $(this).find(".game-name").toggleClass("black");
    $(this).find(".game-name-info").toggleClass("expand");
  });
});

由于您有多个gamewrapper类，因此需要引用'this‘关键字来指定单击的元素，然后查找它的子元素以应用CSS更改。

有关jQuery单击事件处理程序的更多详细信息，请访问：http://api.jquery.com/click/

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/17347413

复制

jQuery 点击按钮打印指定文本内容

其他

这是在做 JavaScript 调用浏览器打印快递单功能时所遇到的一些坑，总结了一下，分享给大家

Nian糕

2018/08/21

4.2K0

jQuery右侧滑动快速导航条

jquery javascript

平时浏览网站的时候要是网站很长，滑下来后还要返回到开头部分的header来点击导航就显得很不方便，在这里使用JQ来实现右侧的滑动导航条，先来看看效果图吧：使用jq其实也比较简单啦:你先弄好相应的cs

benny

2018/03/06

5.5K0

JSX onClick 和 HTML onclick 的区别

jquery html react

在 JSX 中可以通过 onClick 这样的方式给一个元素添加一个事件处理函数，当然，在 HTML 中也可以用 onclick (小写 c)，但在 HTML 中直接书写 onclick 一直就是为人垢病的写法，网页应用开发界一直倡导的是用 jQuery 的方法添加事件处理函数，直接写 onclick 会带来代码混乱的问题。

Leophen

2021/07/08

1.8K0

jquery的扩展方法介绍

jquery javascript

　　最近一直在写js，这其中也少不了一位js的主角了jQuery，下面介绍的是jQuery的一些扩展，也就是jQuery的扩展方法，jQuery的扩展方法有两种方式，一种是jQuery本身的扩展方法，另一种是jQuery所选对象的扩展方法，下面一起来看。一、方式列表：　　1.jQuery.extend(Object);　　　// jQuery 本身的扩展方法　　2.jQuery.fn.extent(Object);　 // jQuery 所选对象扩展方法二、调用示例：　　1.jQuery 本身的扩

磊哥

2018/05/08

1.2K0

Python扩展内容

python

Python扩展内容阅读本文需要3分钟 ① python中yield关键字的使用： yield 是一个类似 return 的关键字，只是这个函数返回的是个生成器当你调用这个函数的时候，函数内部的代

Python知识大全

2020/02/13

5900

Kafka扩展内容

apache kafka agent flume linkedin

Intercetpor的实现接口是org.apache.kafka.clients.producer.ProducerInterceptor。

matt

2022/10/25

3280

JQuery EasyUI Validation 扩展

jquery easyui validation

扩展js $.extend($.fn.validatebox.defaults.rules, { equals: { validator: function(value,param){ return value == $(param[0]).val(); }, message: '两次输入内容不一致' }, minLength: { validator: function(value, para

编程随想曲

2022/04/21

4190

jquery插件与扩展

jquery 编程算法

要说jQuery 最成功的地方，我认为是它的可扩展性吸引了众多开发者为其开发插件，从而建立起了一个生态系统。这好比大公司们争相做平台一样，得平台者得天下。苹果，微软，谷歌等巨头，都有各自的平台及生态圈。

诺浅

2020/08/21

2.3K0

JavaScript进阶内容——jQuery

javascript jquery api dom yui

我们在前面的文章中已经掌握了JavaScript的全部内容，现在让我们了解一下JavaScript库

秋落雨微凉

2022/10/25

5.5K0

jQuery Mobile修改button的内容

jquery

jQuery Mobile修改button的内容。

业余草

2019/01/21

1.8K0

jquery 表格内容搜索

html javascript css xml http

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title></title> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script src="../../scripts/jquery.js" type="text/javascript"></script> <script type="text/javascript">

用户5760343

2019/10/10

2.2K0

jQuery控制控件文本的长度

编程算法 css html jquery javascript

文章作者：Tyan 博客：noahsnail.com | CSDN | 简书

Tyan

2022/05/09

1.3K0

封装jQuery Validate扩展验证

编程算法 jquery php 正则表达式

jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。默认校验规则序号规则描述 1 required:true 必须输入的字段。 2 remote:"check.php" 使用 ajax 方法调用 check.php 验证输入值。 3 email:true 必须输入正确格式的电子邮件。 4 url:true 必须输入正确格式的网址。 5 date:true 必须输入正确格式的日期。日期校验 ie6 出错，慎用。 6

Zero_xxl

2020/07/15

1.4K0

JQuery扩展插件--提示信息

jquery 插件

学校做项目顺便写的，还是有点用的。 /*** * JQuery扩展插件--提示信息 * * 本函数用于创建提示信息 * * Example * <code> * var t = $.noticeMessage(msg, a, b); * </code> * * * function noticeMessage([msg, a,b]) * @Param { * msg: 信息内容(默认: Notice Message!) * a: 配

owent

2023/03/05

1.4K0

JQuery扩展插件--提示信息

其他

https://github.com/owt5008137/SimpleMetro

owent

2018/08/01

1.9K0

jQuery中的常用内容总结(一)

jquery java

jQuery中的常用内容总结(一) 前言不好意思(✿◠‿◠)，由于回家看病以及处理一些其它事情耽搁了，不然这篇博客本该上上周或者上周写的；同时闲谈几句：在这里建议各位开发的童鞋，如果有疾病尽快治疗，不要拖，大病的话甚是~，身体是本钱，如果人的身体健康是一的话，若没有前面的一，后面再多的零也是徒然，同时，建议在开发的时候保持一个好的心态，积极面对需求和技术难点，不要像我一样在难的地方朝一个地方死钻、而且经常性考虑需求之外的需求，这样都是不太好，尽量以"需求"的心态去"开发"，而不是以"开发"的心态做"需求

上帝

2018/06/26

1K0

jQuery中的常用内容总结(二)

jquery javascript

jQuery中的常用内容总结(二) 转载请注明地址: http://www.cnblogs.com/funnyzpc/p/7571993.html 前言　　距离上次博客更新已经有二十来天了(●′ω`●)，恍惚之间时间已经从身边流走~，好难过≡(▔﹏▔)≡；所以，我决定这次不管熬夜到几点都要把本节和第三节内容全部写完~ 内容提要 ---- 选择器(上一节) 选择器的扩展方法(上一节) 节点的CSS操作及节点其他操作(上一节) Ajax同步与异步(本节) 事件(本节) 弹窗(本节) 参数序列化(第三节) 遍

上帝

2018/05/18

1.5K0

jQuery中的常用内容总结(三)

其他

转载请注明地址:http://www.cnblogs.com/funnyzpc/p/7571998.html

上帝

2018/09/27

8250

点击加载更多

相似问题

用于扩展公文包页面右侧文本内容的jQuery onClick？

Jquery onclick用于div中的任何内容

jQuery动画-扩展正确的文本内容？

jQuery:如何用onClick显示文本内容的图像？

jquery修改href扩展onclick

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

社区富文本编辑器全新改版！诚邀体验～

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

问jquery onclick用于扩展右侧的文本内容？
EN