如何高效运用jQuery实现网页动态效果？

本文共计170个文字，预计阅读时间需要1分钟。

一、选择器单选按钮：javascript$(this).find(input[name='answer']:checked).val();

二、滑动展开/收起功能实现：javascriptfunction initAreaClick() { // 展开 $(this).slideDown();

// 收起 $(this).slideUp();}

一、选择器单选按钮：$(this).find(amp;quot;.answeramp;quot;).find(amp;quot;input[nameanswer_amp;quot;+id+amp;quot;]:checkedamp;quot;) 二、slideDown()、slideUp()实现展开functioninitAreaClic

一、选择器

　　单选按钮：$(this).find(".answer").find("input[name='answer_" + id + "']:checked")

 

二、slideDown()、slideUp()

　　实现展开

function initAreaClick(){ $(document).on("click",".content_problem",function(){ var $answer = $(this).find(".answer"); if ($answer.is(":hidden")) { $answer.stop(true,true).slideDown(); } else { $answer.stop(true,true).slideUp(); } }); }

展开前：

展开后