Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 这种方法会导致加载滞后吗?_Jquery - Fatal编程技术网

Jquery 这种方法会导致加载滞后吗?

Jquery 这种方法会导致加载滞后吗?,jquery,Jquery,我是jQuery初学者,目前我正在做一些练习,关于我学到的每一件事——大约有几天我开始学习jQuery课程 这是我正在研究的JSFIDLE示例 我想知道有没有更好的方法达到同样的效果? 然而,我的一位朋友告诉我,如果我们在一个特定页面上显示了1000个问题,我们希望根据单击的问题显示/隐藏答案 他说这会导致页面加载不足…? 它似乎是完美的工作与几个问题。 但他说的1000个问题怎么样。。? 如果我有1000个问题会导致页面无法加载,这真的是真的吗? $(文档).ready(函数(){ $(“dt

我是jQuery初学者,目前我正在做一些练习,关于我学到的每一件事——大约有几天我开始学习jQuery课程

这是我正在研究的JSFIDLE示例

我想知道有没有更好的方法达到同样的效果?

然而,我的一位朋友告诉我,如果我们在一个特定页面上显示了1000个问题,我们希望根据单击的问题显示/隐藏答案

他说这会导致页面加载不足…?
它似乎是完美的工作与几个问题。 但他说的1000个问题怎么样。。? 如果我有1000个问题会导致页面无法加载,这真的是真的吗?

$(文档).ready(函数(){
$(“dt”)。单击(函数(){
var qst=$(this.parent().find('dd');
$(qst.slideToggle();
})
})
Q-1您最喜欢的脚本语言是什么?
ANS PHP,C++
Q-2您最喜欢的IDE软件是什么?
Ans-阿普塔纳工作室3,梦幻编织者
Q-3你来自哪里?
我来自俄罗斯
Q-4您能否构建小型脚本-复杂脚本?
Ans-是的,我可以从头开始构建小型复杂脚本

通过从
event.target.nextElementSibling直接访问同级
dd
,可以防止jQuery在大型DOM中遍历/搜索其父级和子级

$("dt").click(function(e){
    var qst=e.target.nextElementSibling; // which is same as $(this).next();
    //var qst = $(this).parent().find('dd');
    $(qst).slideToggle();
});
有趣的是,也可以使用更短的标记,比如

<dl>
    <dt>Q-1 What is your favorite scripting language ?</dt>
    <dd style="display: none">Ans - PHP, C++ </dd>
    <dt>Q-2 What is your favorite IDE software ?</dt>
    <dd style="display: none">Ans - Aptana Studio 3, Dreamweaver</dd></dl>     
</dl>

Q-1您最喜欢的脚本语言是什么?
ANS PHP,C++
Q-2您最喜欢的IDE软件是什么?
Ans-阿普塔纳工作室3,梦幻编织者

您所说的缺少加载是什么意思?检查一下这把小提琴,它似乎很好用。(1673个问题复制粘贴)有一个简单的方法来回答这个问题:创建一个包含1000个问题的页面,看看它是否加载。你的意思是延迟吗?也许你的朋友的意思是,你在一个页面上的内容越多,加载速度就越慢。这是否回答了您的问题?
qst
已经是jquery对象,无需重新包装它。只需执行
qst.slideToggle()。我看不出这个代码会导致加载问题的原因。虽然我不知道谁会回答1000个问题。但是,如果它足够大,任何东西都会变慢。如果您确实需要1000,您可能应该查看事件委派。
是定义列表,而不是列表项。
.nextUntil()
在这个正确的标记中工作不正常!但是
$(this).next().slideToggle()
会做得很好!codelio,我刚刚尝试了$(this).next().slideToggle()-它似乎工作得很好,嗯,这是真的,jQuery中有很多糖。但是有时候原生js仍然很快,我没有学习java脚本,我只是开始学习jquery,尽管它看起来很容易学习,但我仍然需要学习java脚本。或者至少是为了得到它的基本知识。
<dl>
    <dt>Q-1 What is your favorite scripting language ?</dt>
    <dd style="display: none">Ans - PHP, C++ </dd>
    <dt>Q-2 What is your favorite IDE software ?</dt>
    <dd style="display: none">Ans - Aptana Studio 3, Dreamweaver</dd></dl>     
</dl>