Question

是否可以从多个类和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显示我制作的混乱，但想要做'干'＆＃39;和＆＃39; LIM＆＃39;。

fiddle to fork on...

新编辑解释

$(".one.two.three#smth.seven").css("transition", "3s");

如何在2行中制作

Answer 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>将全部被选中。

Answer 2

尝试这个，

＆＃13;

$('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;

Answer 3

如果可以为所有这些元素添加一个公共类，则可以使用该类删除属性。

例如 -

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')

Answer 4

＆＃13;

$(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;

从多个类中删除了一个

4 个答案: