Getting started with jQuery -- hiding an element

Question

Have you noticed that every 10 questions on this site is about jQuery?

Anyway...

I'm using jQuery for the first time. I don't know if I loaded it correctly. When I run this code:

                 <script type="text/javascript">
                     function allDayClicked() {

                         if (jQuery) alert("loaded");

                         var allday = document.getElementById("allDayEvent");
                         var start = document.getElementById("<%=startTimeSelector.ClientID%>");
                         $('allDayEvent').hide();
                     }
                </script>

The alert appears, saying "loaded", but nothing else happens; the html checkbox doesn't go invisible. I get no kind of error in my javascript output.

Is it possible I haven't successfully loaded jQuery? I added a reference to it in my visual studio project and generated this by dragging it to default.aspx:

<script src="Scripts/jquery-1.6.1.min.js" type="text/javascript"></script>

Otherwise, what's going on?

jQuery Documentation is very good and the examples is very clear, you should take a look. — Genzer
– Genzer, Commented Jun 10, 2011 at 3:56

Alex Wayne · Accepted Answer · 2011-06-10 03:50:30Z

5

jQuery takes a css selector, not an id. If you want an id use the css form of declaring an id.

$('#allDayEvent').hide();

answered Jun 10, 2011 at 3:50

Alex Wayne

188k52 gold badges328 silver badges363 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

David Tang · Accepted Answer · 2011-06-10 03:57:05Z

4

jQuery is loaded fine, you're just using it incorrectly. You should be doing either:

$('#allDayEvent') // recommended, the '#' means ID

Or:

$(allday) // since you already grabbed it with getElementById

jQuery can take a lot of different objects with $(). The options are listed here.

edited Jun 10, 2011 at 3:57

answered Jun 10, 2011 at 3:51

David Tang

93.8k32 gold badges169 silver badges149 bronze badges

1 Comment

Jeremy Over a year ago

that's awesome... jQuery is amazing.

Chandu · Accepted Answer · 2011-06-10 03:51:00Z

3

You are missing the # in your ID selector.

Change $('allDayEvent').hide();

to

$('#allDayEvent').hide();

answered Jun 10, 2011 at 3:51

Chandu

83.2k19 gold badges137 silver badges136 bronze badges

Comments

Marty · Accepted Answer · 2011-06-10 03:51:23Z

1

Assuming that your checkbox has an id "allDayEvent", you just need the hash (#) in this line:

$('#allDayEvent').hide();

answered Jun 10, 2011 at 3:51

Marty

39.5k19 gold badges97 silver badges164 bronze badges

Collectives™ on Stack Overflow

Getting started with jQuery -- hiding an element

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related