Tag: addclass

jquery添加删除类onclick: 我有任何导航菜单！ HOME PROFILE> CONTACTUS ABOATUS 现在，如何在单击任何（配置文件，Contactus，aboutus）后添加所选类，并使用Jquery删除所选的主页。谢谢

jQuery：根据浏览器窗口分辨率动态添加类: 朋友您好我正在尝试根据浏览器窗口分辨率动态添加类。这是我试图使用的代码，但需要帮助调整它，因为我根本不知道jQuery。我想要实现的选项是：一旦访问者访问我的网站，此代码必须检查其浏览器窗口大小，并按照以下规则将类添加到正文如果窗口大小超过 1024px 但小于 1280px，则添加类.w1280 。如果窗口大小超过 1280px 但小于 1440px，则添加类.w1440 。如果窗口大小超过 1440px 但小于 1280px，则添加类.w1680 。如果窗口大小超过 1680px，则添加类.wLarge 。为此，我尝试使用以下脚本。我的问题是：这是正确的代码吗？如果不是什么是正确的代码？这是最短的代码吗？如果不是正确的代码是什么？请帮助，因为我对jQuery的了解几乎是零。 function checkWindowSize() { if ( $(window).width() > 1024) { $(‘body’).addClass(‘w1280’); } else { $(‘body’).removeClass(‘w1280’); } if ( $(window).width() > 1280 ) { $(‘body’).addClass(‘w1440’); } else { […]

第二次单击后function工作: Anyboby的帮助。为什么函数add class active this.parents(“.block-parent”).find(“.periods[data-period=”+typelink+”]”).addClass(‘active’)在第二次点击后工作？首次点击后需要完成！链接不正确的例子http://jsfiddle.net/kngU8/ Page.contentSort = function() { var $eachblocks = $(“.top10_month .periods”); var $blockhead = $(“.block-head__link”); $blockhead.on(“click”, function(e){ var $this = $(this); var typelink = $(“.block-head__link.active”).attr(“data-date”); e.preventDefault(); $this.parents(“ul”).find(“a”).removeClass(“active”); this.className += ” active”; $this.parents(“.block-parent”).find(“.periods”).removeClass(‘active’); $this.parents(“.block-parent”).find(“.periods[data-period=”+typelink+”]”).addClass(‘active’); }); };

分组（）; 和next（）; 用法澄清Jquery: 我们有一系列div，我们想为当前选择的DIV的下一个和前一个兄弟分配不同的类。这是我们的代码： DIV content 1 DIV content 2 //THIS IS THE CURRENTLY SELECTED PANEL DIV content 3 DIV content 4 DIV content 5 据我所知，以下JQuery代码将寻找.current的兄弟，并添加下一个和前一个类。但是因为它正在寻找.current元素，所以它找不到它们。如何将.current面板和addClass引用到下一个和之前的.panel元素？谢谢。 $(‘.current’).prev().addClass(‘previous’); $(‘.current’).next().addClass(‘next’);

如果选中复选框，则将类添加到父元素: 我有一个带有复选框的表，如下所示：我想要做的是当选中复选框以将“selected”类应用于“table-col”时。 if ($(‘.table-col’).find(‘:checked’)) { $(this).parent().parent().addClass(‘selected’); } 我看了很多post，上面有类似的解决方案，但它似乎对我不起作用。我不确定为什么，但这指的是HTMLDocument而不是元素。（编辑）在这个页面上会有标记的复选框，我想申请“选中”的复选框。在评论@cimmanon提到事件处理。我需要仔细研究一下。谢谢你的答案！（编辑）所以在页面加载之后会有标记的框（我认为它们将始终包含checked =“checked” – 不确定）复选框。这些是需要新风格的。不需要点击它们和应用风格的交互，但仍然非常酷。

JQuery addclass选择div，如果选择了另一个div，则删除class: 我正在做一个formbuilder，我想改变例如一个标题div的外观。单击时，它应该得到一个边框但是当单击另一个动态生成的div时，应该删除该类，并且第二个单击的div必须获取.active类。如何使用生成的div进行此操作？无论如何，我发现了一些有效的东西，但我仍然需要如果选择另一个div，之前的div.removeclass和选择的div.addclass 这有效： /* Add Class */ $(document).ready(function() { $( document ).on( ‘click’, ‘.HeadingDiv’, function () { /* This ‘.HeadingDiv’ could be anything, I need something dynamic here */ $(‘.HeadingDiv’).removeClass(‘active’); /* This ‘.HeadingDiv’ could be anything, I need something dynamic here */ $(this).addClass(‘active’); }); });

从导航链接添加和删除活动类: 我一直在寻找有关如何在链接中添加和删除类的教程，但遗憾的是没有任何成功。所有早期的问题都给了我一些理解，但没有给我我想要完成的结果。我试图通过在单击链接时添加和删除类来为我的导航设置活动状态。以下是我对JavaScript的看法： $(document).ready(function(){ //active state $(function() { $(‘li a’).click(function(e) { e.preventDefault(); var $this = $(this); $this.closest(‘li’).children(‘a’).removeClass(‘active’); $this.parent().addClass(‘active’); }); }); }); 这是我的导航： Photography Web Print About Contact

如何将回调函数添加到jQuery的addClass方法？: 我正在使用Google和Markdown的Prettify，我希望每次在markdown textarea添加pre编码时再次调用prettyPrint()函数。这是我的实际代码： if($(‘#wmd-preview’).length > 0) { $(‘#wmd-preview’).on(‘DOMNodeInserted DOMNodeRemoved’,function(){ $(this).find(“pre”).not(‘.prettyprint’).addClass(“prettyprint”); }); } 但我想要的是： $(this).find(“pre”).not(‘.prettyprint’).addClass(“prettyprint”,function(){ prettyPrint(); }); 有没有可能的方法来实现这一目标？

jQuery中的addClass和removeClass – 不删除类: 我正在尝试做一些非常简单的事情。基本上我有一个可点击的div’热点’，当你点击它填满屏幕并显示一些内容。我通过简单地改变div的类，删除’spot’并添加’grow’来实现这一点，并且有一些CSS动画来使它成长。这很好用。问题是，在这个div中有一个close_button，目前只是文本。我希望这可以将类切换回来 – 即删除成长和读取的点。单击时不会执行此操作。我相信这是在DOM加载时没有这些类的元素，但我是jQuery的新手，不知道如何解决这个问题。我认为这可能是一种更明智的做法，有人能指出我正确的方向吗？我会非常感激的。我尝试使用toggleClass而无济于事。 $( document ).ready(function() { $(“.clickable”).click(function() { $(this).addClass(“grown”); $(this).removeClass(“spot”); }); $(“.close_button”).click(function() { alert (this); $(“#spot1”).removeClass(“grown”); $(“#spot1”).addClass(“spot”); }); }); 更新：我现在正在使用此代码， $( document ).ready(function() { $(document).on(“click”, “.close_button”, function () { alert (“oi”); $(“#spot1”).addClass(“spot”); $(“#spot1”).removeClass(“grown”); }); $(document).on(“click”, “.clickable”, function () { if ($(this).hasClass(“spot”)){ $(this).addClass(“grown”); $(this).removeClass(“spot”); […]

如何通过DOMAttrModified检测类更改: 我需要检测一些类更改，我使用这个DOMAttrModified，但有些东西是错的，什么？ var first_img = $(‘body’).find(‘li:first’).find(‘img’); first_img.on(‘DOMAttrModified’,function(e){ if (e.attrName === ‘class’) { if ($(this).hasClass(‘current-image’)) { $(this).removeClass().addClass(‘previous-image’); } console.log(‘log’); } }); 感谢您的建议。