是否可以从多个类和ID中使用removeAttr?我找不到任何东西。
像这样的人不会工作Rails.application.configure do
# Settings specified here will take precedence over those in config/application.rb.
# Read from yml file
config.before_configuration do
env_file = File.join(Rails.root, 'config', 'local_env.yml')
YAML.load(File.open(env_file)).each do |key, value|
ENV[key.to_s] = value
end if File.exists?(env_file)
end
# Code is not reloaded between requests.
config.cache_classes = true
# Eager load code on boot. This eager loads most of Rails and
# your application in memory, allowing both threaded web servers
# and those relying on copy on write to perform better.
# Rake tasks automatically ignore this option for performance.
config.eager_load = true
# Full error reports are disabled and caching is turned on.
config.consider_all_requests_local = false
config.action_controller.perform_caching = true
# Enable Rack::Cache to put a simple HTTP cache in front of your application
# Add `rack-cache` to your Gemfile before enabling this.
# For large-scale production use, consider using a caching reverse proxy like
# NGINX, varnish or squid.
# config.action_dispatch.rack_cache = true
# Disable serving static files from the `/public` folder by default since
# Apache or NGINX already handles this.
config.serve_static_files = ENV['RAILS_SERVE_STATIC_FILES'].present?
# Compress JavaScripts and CSS.
config.assets.js_compressor = :uglifier
# config.assets.css_compressor = :sass
# Do not fallback to assets pipeline if a precompiled asset is missed.
config.assets.compile = true
# Asset digests allow you to set far-future HTTP expiration dates on all assets,
# yet still be able to expire them through the digest params.
config.assets.digest = true
# `config.assets.precompile` and `config.assets.version` have moved to config/initializers/assets.rb
# Specifies the header that your server uses for sending files.
# config.action_dispatch.x_sendfile_header = 'X-Sendfile' # for Apache
# config.action_dispatch.x_sendfile_header = 'X-Accel-Redirect' # for NGINX
# Force all access to the app over SSL, use Strict-Transport-Security, and use secure cookies.
# config.force_ssl = true
# Use the lowest log level to ensure availability of diagnostic information
# when problems arise.
config.log_level = :debug
# Prepend all log lines with the following tags.
# config.log_tags = [ :subdomain, :uuid ]
# Use a different logger for distributed setups.
# config.logger = ActiveSupport::TaggedLogging.new(SyslogLogger.new)
# Use a different cache store in production.
# config.cache_store = :mem_cache_store
# Enable serving of images, stylesheets, and JavaScripts from an asset server.
# config.action_controller.asset_host = 'http://assets.example.com'
ENV["AWS_ASSET_DIRECTORY"] = 'website-assets-staging'
config.action_controller.asset_host = "//#{ENV["AWS_ASSET_DIRECTORY"]}.s3.amazonaws.com"
# Ignore bad email addresses and do not raise email delivery errors.
# Set this to true and configure the email server for immediate delivery to raise delivery errors.
# config.action_mailer.raise_delivery_errors = false
# Enable locale fallbacks for I18n (makes lookups for any locale fall back to
# the I18n.default_locale when a translation cannot be found).
config.i18n.fallbacks = true
# Send deprecation notices to registered listeners.
config.active_support.deprecation = :notify
# Use default logging formatter so that PID and timestamp are not suppressed.
config.log_formatter = ::Logger::Formatter.new
# Do not dump schema after migrations.
config.active_record.dump_schema_after_migration = false
config.action_mailer.default_url_options = {:host => "staging.website.com.au"}
config.action_mailer.delivery_method = :smtp
end
也不是这个
$('.one.two.six.eleven#box').removeAttr("style");
我无法在多个类和id上使用removeAttr而不是彼此的孩子:)。
我也设法将css()添加到窗口中的许多自由类中,并且每个都有自己的参数,但是有一些绑定可以处理所有这些。
在小提琴中,我有一些基本的可行,但它对我来说太长了太多行。看起来很糟糕。谢谢大家的答案。
我让JSfiddle显示我制作的混乱,但想要做'干''和' LIM'。
新编辑解释
$(".one.two.three#smth.seven").css("transition", "3s");
如何在2行中制作
答案 0 :(得分:1)
$(".one.two.three#smth.seven")
表示您正在选择一,二,三等所有对象。(我甚至不认为三个#smth会起作用)。
:<div class="one two three">
$(".one.two.three")
如果您想要来自多个选择器的对象联合,您可以用逗号分隔它们:
$(".one, .two, .three, #smth, .seven")
这应该返回所有.one或.two或.three或#smth或.seven
的对象即。 <div class="one"></div><div class="two"></div><div class="three"></div>
将全部被选中。
答案 1 :(得分:0)
尝试这个,
$('button').on('click',function(){
$('.one,.three,.five').removeAttr('class');
$('#two,#four').removeAttr('id');
});
&#13;
li{
color: green;
}
.one{
color:red;
}
#two{
color:blue;
}
.three{
color:purple;
}
#four{
color:yellow;
}
.five{
color:black;
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button>click me</button>
<ul>
<li class="one">1</li>
<li id="two">2</li>
<li class="three">3</li>
<li id="four">4</li>
<li class="five">5</li>
</ul>
&#13;
答案 2 :(得分:0)
如果可以为所有这些元素添加一个公共类,则可以使用该类删除属性。
例如 -
HTML
<div class="position right"></div>
<div class="position left"></div>
<div class="position hello"></div>
<div id="car" class="position"></div>
解决方案
$('.position').removeAttr('style')
答案 3 :(得分:0)
$(document).ready(function() {
$("#buttonella").click(function() {
$('.right').addClass('right-toggle');
$('.right1').addClass('right1-toggle');
$('#box').addClass('box-toggle');
});
$("#buttonella2").click(function() {
$('#box').removeClass("box-toggle");
$('.freebox').removeClass();
$(".left").css("background", "pink");
$('.right').removeClass('right-toggle');
});
})
&#13;
:root {
padding: 20px;
}
[class] {
margin-left: 10px;
margin-top: 50px;
}
#buttonella {
color: blue;
font-size: 30px;
float: left;
}
#buttonella2 {
color: blue;
font-size: 30px;
float: right;
}
.box-toggle {
background: red;
width: 300px;
margin: 0px;
font-size: 20px;
display: block;
}
.right-toggle, .right1-toggle {
background: green;
width: 200px;
font-size: 30px;
display: block;
}
.freebox {
background: red;
width: 400px;
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="buttonella">click</div>
<div id="buttonella2">unclick</div>
<div id="box">boxboxboxbxo bxoxboxbox
<div class="right">right rith ehiteh hereee
</div>
<div class="left">left left left here
</div>
<div class="right1">right1 class is here
</div>
</div>
<div class="freebox">freebox class is here
</div>
&#13;