Search jQuery

jQuery Forum

Developing jQuery Core

david71rj

Make .css() inline.

Implemented

Maybe later
Under review
In-progress
Implemented
Will not implement

in Developing jQuery Core • 12 years ago

Hi, I have a simple suggestion:

$("<div/>").css("color: red; font-family: tahoma; font-size: 11pt;");

This is more convinient than {color: 'red', ...} for instance.

Bye.

Replies(6)

jeresig

Re: Make .css() inline.

12 years ago

Just use: .attr("style", "color: red; font-family: tahoma; font-size: 11pt;")

david71rj

Re: Make .css() inline.

12 years ago

But it don't will overwrite all styles?

Example:

.attr('style', 'abc');

.attr('style', 'def'); // will be: abc; def?

Bye.

mofle

Re: Make .css() inline.

12 years ago

Yes, this will overwrite the style attribute, that's why css() is so convenient.

Alternatively, you could do something hackish, like combining the new value and the old, but I would strongly advise against it:

.attr("style", function(index, attr) {

return "color: red; font-family: tahoma; font-size: 11pt;" + attr;

});

david71rj

Re: Make .css() inline.

12 years ago

Yeah, that is!

The question is to use .css() or .animate() to do more simplify.

Example:

div.css('color: red'); // style="color: red;"

div.css('font-family: tahoma;') // style="color: red; font-family: tahoma;"

Or with animate:

div.animate('top: +=15px;') // equivalents to .animate({top: '+=15px'});

Bye.

naugtur

Re: Re: Make .css() inline.

12 years ago

Writing it that way is more comfortable to the coder, but requires more effort to parse I suppose. I wouldn't use that if it was slow.

david71rj

Re: Make .css() inline.

12 years ago

I don't think that cannot do it slow.

Maybe a indexOf(":") (that is obligatory in process) can solve, or make a new method, as .style() (because of similarity with the data).

jQuery too can cache the data for speed. Example:

elem.style("color: red; top: += 1px') will store and execute as elem.animate({color: 'red', top: '+=1px'});

Then if require executes again, is more fast.

Bye.

Top Reply

Response title

Attachments

jQuery Forum

Make .css() inline.

Implemented

Replies(6)

Re: Make .css() inline.

Re: Make .css() inline.

Re: Make .css() inline.

Re: Make .css() inline.

Re: Re: Make .css() inline.

Re: Make .css() inline.

Statistics

Tags

Actions