Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >缩短JQuery代码段

缩短JQuery代码段
EN

Stack Overflow用户
提问于 2010-09-22 15:43:04
回答 2查看 125关注 0票数 1

我有以下JQuery代码片段:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
(someVar.next().length == 0)?someVar.fadeOut().end().find("ul").first().fadeIn():someVar.fadeOut().next().fadeIn();

在条件函数的两个结果--即someVar.fadeOut()和.fadeIn() --之间有相当多的代码重复。

理想情况下,我喜欢这样的东西:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
someVar.fadeOut().((someVar.next().length == 0)?end().find("ul").first():next()).fadeIn();

但是这不起作用:) Safari开发人员工具报告了一个语法错误,但我没有足够的技能来解决如何正确处理它。

如果它不能被缩短,那么直接说也没问题:)

EN

回答 2

Stack Overflow用户

发布于 2010-09-22 15:47:41

不是很多,没有-或者至少不是以一种合理的方式(有一些游戏你可以玩字符串和括号符号,但它们会让你的例子变得更糟,而不是更好)。您可以将fadeOut移到它自己的语句中:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
someVar.fadeOut();
(someVar.next().length == 0)?someVar.end().find("ul").first().fadeIn():someVar.next().fadeIn();

...but在那之后,链在不同的方向上进行。

另请参见my community wiki answer

票数 0
EN

Stack Overflow用户

发布于 2010-09-22 15:55:12

也许有点离题,所以我把它变成了CW,但是:当事情变得像这样长的时候,我能不能直接去争取好的老式if/else语句呢?

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
someVar.fadeOut();
if (someVar.next().length === 0) {
    someVar.end().find("ul").first().fadeIn();
}
else {
    someVar.next().fadeIn();
}

大约是易读和易维护的八倍,IMHO。

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

https://stackoverflow.com/questions/3771033

复制
相关文章
超实用的jQuery代码段
本书精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。本书的代码跨平台、跨设备、跨浏览器,充分向读者演示了如何使用jQuery的各项技术,实现令人激动的网页效果。
用户3157710
2018/10/10
1.4K0
超实用的jQuery代码段
比较实用的jQuery代码段
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
奋飛
2019/08/15
1.8K0
50个必备的实用jQuery代码段
本文会给你们展示50个jquery代码片段,这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法,另一些则是真正有用的函数或方法,他们能够帮助你又快又好地把事情完成。 如何修改jQuery默认编码(例如默认UTF-8改成改GB2312): $.ajaxSetup({ ajaxSettings:{ contentType:"application/x-www-form-urlencoded;chartset=GB2312"} }); 解决
大师级码师
2021/09/19
6.7K0
代码段
但很多时候我们需要使用通知OnPropertyChanged,这时在 VisualStudio 就没有写好的,如果是写属性,这样每个都来增加一句OnPropertyChanged工作量重复很多。
林德熙
2019/03/13
5590
代码段
代码段
但很多时候我们需要使用通知OnPropertyChanged,这时在 VisualStudio 就没有写好的,如果是写属性,这样每个都来增加一句OnPropertyChanged工作量重复很多。
林德熙
2018/09/18
8810
代码段
所谓的代码段、数据段
一般面试C++,都会很无聊的问到虚拟函数的实现机制,接着就会问到vtable放在哪里 – 实现细节中的细节,我个人觉得这个除了卖弄没啥大意义,但面试嘛,一般就这吊样。
全栈程序员站长
2021/12/23
7790
swift代码段
Dictionary排序 let oldDic:[Int:String] = [ 0 : "张三", 3 : "李四", 1 : "王五", 2 : "找六", ] //根据key排序 let newArray = oldDic.sort({ $0.0 < $1.0 }) //放到新数组中 var keyArray = Array<Int>(); var valueArray = Array<String>(); for var i = 0;i < newArray.coun
码客说
2019/10/22
6480
使用 Lodash 工具后代码行数瞬间缩短...
1.先拿到所有的等级(不同的人看到的等级是不同的,但是每一天的等级会是一致的)搭建好等级外层数据结构.一个唯一键,一个等级名称,一个等级对应的每天的值data.
coder_koala
2021/07/08
7020
使用 Lodash 工具后代码行数瞬间缩短...
iOS常用代码段
控制器中代码设置 > storybord设置 > 全局设置 优先级高的会覆盖优先级低的配置,比如storybord中的设置了navigationbar的样式 那么全局设置就不生效
码客说
2019/10/22
7880
[记录]常用shell代码段
function Colorset() {   #颜色配置   echo=echo   for cmd in echo /bin/echo; do     $cmd >/dev/null 2>&1 || continue     if ! $cmd -e "" | grep -qE '^-e'; then       echo=$cmd       break     fi   done   CSI=$($echo -e "\033[")   CEND="${CSI}0m"   CDGREEN="${CS
繁花云
2018/07/31
6370
PyTorch常用代码段合集
本文是PyTorch常用代码段合集,涵盖基本配置、张量处理、模型定义与操作、数据处理、模型训练与测试等5个方面,还给出了多个值得注意的Tips,内容非常全面。
小白学视觉
2022/02/14
1.2K0
PyTorch常用代码段合集
PHP网址缩短算法代码(修复PHP7.0问题)
大家可能对这个算法很眼熟。一搜到处是这个算法! 不过这个算法不支持PHP7.0 今天调试好把它发出来 然后在分享一个 class类的 算法 每个网址用6个字符代替,(32^6)
雨尘
2018/07/17
3.2K1
精妙JS代码段搜集
现在到处都是JavaScript,倘若花点时间去体察,每次都能知道点新的东西。一旦你入了门,你总能从这里或是那里领悟到很多知识。一旦发现些许有意思的东西,总习惯先收藏起来。待到时技(时间+技术)成熟,再去感觉他们的源代码,看一看它们是怎么办到的,览一览大牛们的“奇技淫巧”。这里便是关于所遇精妙JS代码的收藏室,愿随时间的渐行渐远,这里收集的日渐丰盈,技术也能“层林尽染”。 CSS布局调试代码片段 在浏览器控制台运行此段代码(当然也只能在控制台运用),会给页面里所有的 DOM 元素添加一个 1px 的描边(o
晚晴幽草轩轩主
2018/03/27
1.3K0
一段NEON代码
#include <iostream> #include <arm_neon.h> //需包含的头文件 using namespace std; float sum_array(float *arr, int len) { if (NULL == arr || len < 1) { cout << "input error\n"; return 0; } int dim4 = len >> 2; //
轻舞飞扬SR
2021/09/23
1.1K0
PHP网址缩短算法代码(修复PHP7.0问题)
每个网址用6个字符代替,(32^6) 最多可以拥有1,073,741,824个短网址。当然,你还可以记录更详细的信息,如访问记录,创建时间等。如果真不够用了,还可以删掉很久不用的。
墨渊
2018/05/09
3.3K5
轻松带你解决c语言堆、栈、数据段、代码段、bss段的疑惑
当各位读者看到本次文章的标题,你可能会比较熟悉堆、栈的用法,因为在你学完了c语言后,或多或少都会接触到一点数据结构(但是这里要讲的与数据结构里面的堆和栈还是有点差别的,本次分析这个是从内存分配的角度去看,不是从的数据结构特点去看,而且在笔试面试的时候,经常会遇到这种题目,让你说出他们的区别来。自己亲身体会,遇到了好几次)。后面的数据段、代码段、bss段,可能你平时没有怎么细心总结,现在你可能还真讲不出他们的区别来,不信的话,读者在看到这里可以先暂定一下,在自己以往写了那么多的代码,仔细回忆看看他们有啥区别,如果不知道也没关系,读者可以继续随着我笔步往下看,当你看完或许会发出这样的感叹,原来是这样啊。是的,确实是这样的,包括自身在写这篇文章开始之前,我也讲不出来他们的区别(这里是昨天一个网友在我自己建的一个技术交流群里。提出了一个关于数据初始化的问题,如下图,正如你所见这个可能比较简单,但是要理解这里面的知识点,还是要花点时间来总结一下的):
用户6280468
2022/03/21
1.5K0
轻松带你解决c语言堆、栈、数据段、代码段、bss段的疑惑
8086汇编语言之数据段和代码段以及栈段的理解
代码从 MOV AX 0220H 开始,那么代码段指向这行代码地址, 如果想要跳过这行代码的执行,那么进行代码段偏移
乱码三千
2021/08/24
2.3K0
PHP网址缩短算法代码(修复PHP7.0问题)
每个网址用6个字符代替,(32^6) 最多可以拥有1,073,741,824个短网址。当然,你还可以记录更详细的信息,如访问记录,创建时间等。如果真不够用了,还可以删掉很久不用的。
V站CEO-西顾
2018/06/09
2.7K1
如何读取Linux进程中的代码段和数据段
Linux下的程序的文件格式是ELF,里面分了各种段,有代码段、数据段、等。当运行这个程序时,系统也会给这个进程创建虚拟内存,然后把ELF中的数据分别加载到内存中的对应位置。本文整理了用cpp程序读取内存中的代码段和rodata数据段的方法。
yifei_
2022/11/14
3.9K0
如何读取Linux进程中的代码段和数据段
jQuery 实现图片下载代码jQuery 实现图片下载代码
jQuery 实现图片下载代码 function downloadImage(src) { var $a = $("<a></a>").attr("href", src).attr("download", "meitu.png"); $a[0].click(); } 关键调用downloadImage函数代码 onclick=downloadImage(url) 完整 js 代码 $(function () { $.extend($.fn.bootstrapTable.defaul
一个会写诗的程序员
2018/08/17
6.1K0

相似问题

如何缩短我的jQuery代码段?

42

缩短jquery代码

37

缩短jquery代码

31

jQuery:缩短代码

53

缩短jquery代码

11
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文