我想重新排列我的div的顺序.
这是我的结构:
<div class="span8 inner-left" style="clear:both;">
<div class="span3" style="text-align:right;"></div>
</div>
<div id="moreread" class="span4 inner-left"></div>
Run Code Online (Sandbox Code Playgroud)
这就是我想要的结果:
<div class="span8 inner-left" style="clear:both;">
<div class="span3" style="text-align:right;"></div>
<div id="moreread" class="span4 inner-left"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
这不起作用:
$(this).find('#moreread').after(".span3");
Run Code Online (Sandbox Code Playgroud) 我真的想知道为什么使用function(next)和next()在下面的代码中很重要.没有next()你只能.open-sidebar通过单击添加它一次删除它.header__menu__button--profile.
我以为next()用来选择元素的以下兄弟!
为什么.open-sidebar每次点击都需要它来删除课程.sidebar__top__button--close?
$('.header').on('click','.header__menu__button--profile',function(){
$('.sidebar').addClass('open-sidebar');
});
$('.sidebar').on('click','.sidebar__top__button--close',function() {
if($('.sidebar').hasClass('open-sidebar'))
{
$('.sidebar').delay(300).queue(function(next){
$('.sidebar').removeClass('open-sidebar');
next();
});
}
});
Run Code Online (Sandbox Code Playgroud) 我知道这可能很容易,但我被困在这里.我想ui-mobile从我的<html>标签中删除
<html class="ui-mobile">
Run Code Online (Sandbox Code Playgroud)
我试过这个
$(html).removeClass('.ui-mobile');
Run Code Online (Sandbox Code Playgroud)
但它引发了以下异常
Uncaught ReferenceError: html is not defined
Run Code Online (Sandbox Code Playgroud)
我究竟做错了什么?
我正在学习JQuery,在编写自己的小脚本时遇到了问题.所以我有一个导航栏,每按一次按钮,它应该将其css类从'btn'切换到'activebtn'.出于测试目的,我希望能够单击SAME按钮,并将其切换回来,尽管这不会发生.JQuery不会更新类吗?如果是这种情况,我将如何强制JQuery这样做?
<div class="btn">Hello</div>
<div class="btn">World</div>
<script>
$( ".btn" ).click(function() {
$(this).removeClass('btn');
$(this).addClass('activebtn');
});
$( ".activebtn" ).click(function() {
$(this).removeClass('activebtn');
$(this).addClass('btn');
});
</script>
Run Code Online (Sandbox Code Playgroud) 如果输入为空,我想添加一个类,如果不是,则删除它。我最初有addClass();所以我尝试使用:
.removeClass().addClass();
Run Code Online (Sandbox Code Playgroud)
但它似乎并没有在单击按钮时更新类。
HTML:
<input id="firstName" type="text" />
<input id="lastName" type="text" />
<a href="#" id="button">SEND</a>
Run Code Online (Sandbox Code Playgroud)
jQuery:
var firstName = $("#firstName");
var lastName = $("#lastName");
$('#button').click(function () {
if(firstName.val() == "" || lastName.val() == ""){
firstName.removeClass("errorInput").addClass("errorInput");
lastName.removeClass("errorInput").addClass("errorInput");
}
if ($(":input").hasClass("errorInput")) {
alert("false");
} else {
alert("true");
}
});
Run Code Online (Sandbox Code Playgroud)
添加和删除类的最佳方法是什么,来回单击按钮?
$('button.hamburger').on('click', function(){
$(this).addClass('is-active');
});
$('button.is-active').on('click', function(){
$('button.is-active').removeClass('is-active');
});
Run Code Online (Sandbox Code Playgroud)
它不会删除 .is-active 类。
我是否需要 if 语句来检查元素是否为 .hasClass()?
我有多个div,鼠标点击后添加一个类.
在第二次单击该项目时,删除该特定div上添加的类的适当方法是什么.我无法删除课程.
jQuery('.icon-box').on('click', function() {
var isActive = false;
jQuery(this).addClass('clicked');
if (jQuery(this).hasClass('clicked')) {
var isActive = true;
}
if ( isActive ) {
jQuery(this).removeClass('clicked');
}
});
Run Code Online (Sandbox Code Playgroud)
感谢您的反馈.
我想删除几个元素的类名,但只在ID一个元素的指定范围内.
我试过这个,但它不起作用..
// Remove classes from hidden elements
$('#sports').('.nd').removeClass();
Run Code Online (Sandbox Code Playgroud)
我究竟做错了什么?
我对jQuery有疑问
<ul class="tabs">
<li class="active"><a href="#doc-new">Home</a></li>
<li><a href="#doc-fav">Profile</a></li>
<li><a href="#doc-read">Messages</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
如何使用jQuery设置active for <li>with <a>href是doc-read?
<ul class="tabs">
<li><a href="#doc-new">Home</a></li>
<li class="active"><a href="#doc-fav">Profile</a></li>
<li><a href="#doc-read">Messages</a></li>
</ul>
Run Code Online (Sandbox Code Playgroud)
我可以找到#doc-read但不知道怎么addClass做父母<li>.
我有以下HTML
<div class="row">
<div class="one someclass"></div>
<div class="two someclass"></div>
<div class="three someclass"></div>
</div>
<div class="row">
<div class="one someclass"></div>
<div class="two someclass"></div>
<div class="three someclass"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
我想要删除所有一,二,三个属性
我试过了
$(function () {
$('div').removeAttr('one', 'two', 'three');
});
Run Code Online (Sandbox Code Playgroud)
但没有奏效.我认为这是错误的方法.我该怎么办?