ansaurus

Question

can jquery manipulate the global css definition of the document?

Answer 1

+7 A:

You can use the addRule() method to add new rules to the .abc selector. That should affect anything in the future that gets that class applied to it.

document.styleSheets[0].addRule(".abc", "display:none;");

There is a jQuery plugin for this also: $.rule(); It's available at http://plugins.jquery.com/project/Rule

Jonathan Sampson 2009-08-28 19:00:06

Thanks for the answer. Though I should mention that this code will only work in IE. My app is a greasemonkey script, so after spending hours looking online, it turns out for firefox the syntax should be: document.styleSheets[0].insertRule(".abc { display:none; }", 0);

Moe Salih 2009-08-31 17:11:52

Answer 2

A:

I would probably handle this by having your checkbox add and remove a class form the <body> element:

$('body').toggleClass('hideABC');

And have the following CSS:

body.hideABC div.abc { display:none; }
body div.abc { display:block; }

So, if elsewhere in your page a <div> gets the '.abc' class added to it, then it will take on the first CSS rule and be hidden.

81bronco 2009-08-29 02:55:40

Answer 3

+1 A:

Here is a similar question with a good answer:

http://stackoverflow.com/questions/1079237/jquery-equivalent-of-yui-stylesheet-utility

Jourkey 2009-08-29 03:09:04

Why vote me down? Especially since I think globalcss is a better plugin than rule.

Jourkey 2009-08-30 00:39:37

Answer 4

A:

Use live() to bind http://docs.jquery.com/Events/live

"Added in jQuery 1.3: Binds a handler to an event (like click) for all current - and future - matched element. Can also bind custom events."

Bobby 2009-08-29 17:21:54

I believe live is for events, not css manipulation.

Joel Potter 2009-08-29 17:26:09

live binds functions to events, so the function could be to manipulate the css, correct?

Bobby 2009-08-29 17:37:03

like this:$("foo").live("click", function(){ $(".abc").hide() });

Bobby 2009-08-29 17:40:32

I don't believe this work work. from reading the documentation, your code would bind the click event to all future FOO objects. It will NOT apply the hide() function to all future .abc objects.

Moe Salih 2009-08-31 17:04:36

ansaurus

tags:

views:

answers:

can jquery manipulate the global css definition of the document?

related questions