It allows you to extend jQuery with your own functions.

For example, 

    $.fn.something = function{}

will allow you to use 

    $(&quot;#element&quot;).something()

`$.fn` is also synonymous with `jQuery.fn` which might make your Google searches easier.

See [jQuery Plugins/Authoring][1]


  [1]: http://docs.jquery.com/Plugins/Authoring

This has been covered in some detail here:

https://stackoverflow.com/questions/1755080/why-jquery-do-this-jquery-fn-init-prototype-jquery-fn

But the short of it is that `$.fn` is an alias for `$jQuery.prototype`

See [**Plugins/Authoring**][1]


  [1]: http://docs.jquery.com/Plugins/Authoring

Situation:

1. Edit files
2. Add files to the index with `git add` (these files are now &quot;staged&quot;)
3. Edit more files

Now we have three different states: the state of `HEAD` (which points to the last commit), the state of the index (which includes all added, or &quot;staged&quot; files) and the state of the working tree (the unstaged, local file system state). What is the command to undo changes in the working tree so that it matches the state of the index?

Using git, how do you reset the working tree (local file system state) to the state of the index (&quot;staged&quot; files)?

Is it possible to use a regular expression to detect anything that is NOT an &quot;empty string&quot; like this:

    string s1 = &quot;&quot;;
    string s2 = &quot; &quot;;
    string s3 = &quot;  &quot;;
    string s4 = &quot;   &quot;;

etc.

I know I could use trim etc. but I would like to use a regular expression.

regular expression for anything but an empty string

In jQuery, what does $.fn. mean?  I looked this up on google but couldn&#39;t find any concrete examples.

    $.fn.something = function{}


In jQuery, what does $.fn. mean?

<p>In jQuery, what does $.fn. mean?  I looked this up on google but couldn't find any concrete examples.</p>
<pre><code class="hljs language-ini">$.<span class="hljs-attr">fn.something</span> = function{}
</code></pre>


I am using:

    $(window).bind( &#39;hashchange&#39;, function(e) { });

to bind a function to the hash change event.  This seems to work in IE8, Firefox and Chrome, but not in Safari and I assume not in earlier version of IE.  For these browsers, I want to disable my JavaScript code that uses the hash and `hashchange` event.  

Is there a way with jQuery that i can detect if the browser supports the `hashchange` event?  Maybe something with `jQuery.support`...

jQuery - hashchange event

What&#39;s the difference between `empty()` and `remove()`methods in `jQuery`, and when we call any of these methods, the objects being created will be destroyed and memory released?

jQuery empty() vs remove()

I have a `&lt;input type=&quot;hidden&quot; value=&quot;&quot; id=&#39;h_v&#39; class=&#39;h_v&#39;&gt;`  Using jQuery I want to alert the user to this value .

I am using

    var hv = $(&#39;#h_v).text();
    alert(&#39;x&#39;);

But its not working, any clues!

Get value from hidden field using jQuery

Apparently a disabled `&lt;input&gt;` is not handled by any event

Is there a way to work around this issue ?

    &lt;input type=&quot;text&quot; disabled=&quot;disabled&quot; name=&quot;test&quot; value=&quot;test&quot; /&gt;

&lt;!-- language: lang-javascript --&gt;

    $(&#39;:input&#39;).click(function () {
        $(this).removeAttr(&#39;disabled&#39;);
    })

Here, I need to click on the input to enable it. But if I don&#39;t activate it, the input should not be posted.


Event on a disabled input

I&#39;m new to jQuery, apologies if this is a silly question.

When I use it find an element using the id, I know theres always one match and in order to access it I would use the index [0]. Is there a better way of doing this?
For e.g.
    
    var gridHeader = $(&quot;#grid_GridHeader&quot;)[0];

How do I get first element rather than using [0] in jQuery?

Either using plain HTML or jQuery assisted JavaScript, how do you display tooltips on individual `&lt;option&gt;` elements to aid the decision process (*there is not enough room for a different kind of control and some help will be needed*).

Can this be done though a plug-in or similar?

I have tried a few tooltip plugins for jQuery with no success (including the one called Tooltip).

This solution should:

 - work in IE, WebKit as well as Gecko;
 - utilizing standard `&lt;select&gt;` wrapped `&lt;option&gt;` elements.

So if the solution wants to use other tags it should convert those elements into what it needs dynamically (and not expect the initial mark-up to be any different).


----------


The code for this can be found [here][1], it is under the SafeSurf section, where I want to display some help on rollover of the options as to the meaning of the choices. At present it can only be displayed &quot;after the fact&quot; and some upfront help for the user would be beneficial.

**Appreciate that this is not easy and that something will probably need to be created - so the bounty will be awarded to the most complete solution or the specific hook that lands me closest to a solution I can create.**


  [1]: https://jsfiddle.net/vaRAA/

How can I display a tooltip on an HTML &quot;option&quot; tag?

I am using [jQuery Fullcalendar][1] and if you&#39;re not using it I suggest you do too because it is absolutely fantastic at what it does!

However to be **really** useful to me and my project ([and many others][2]) I honestly believe it needs a resource/gannt view.

Not a problem one would think... until you look under the hood of jQuery FullCalendar and see that the way it generates it&#39;s views is not for javascript developer wannabes... ie me.

Having realised this is out of my league I had to go searching elsewhere looking for any calendar/scheduler that will provide a resource view.

Here are three proprietary calendars that promise this feature.

 1. http://java.daypilot.org/
 2. http://www.dhtmlx.com/docs/products/dhtmlxScheduler/index.shtml
 3. http://web2cal.com/ajaxeventscalendar/calendar-demo/912-premium-demo/157-scheduler-view

Unfortunately both *daypilot* and *dhtmlxscheduler* lack the clean and clear interface that FullCalendar achieves so well and *web2cal* just looks and feels unfinished and is still in Beta.

Alternatively I was wondering if anyone has any ideas on how I could integrate a jQuery Gannt chart with jquery fullcalendar.

I have found a few projects that look promising

 - http://www.maro-z.com/examples/jquery.gantt/
 - http://code.google.com/p/jquery-gantt/
 - http://github.com/thegrubbsian/jquery.ganttView

I have looked into how fullcalendar generates its views and so far have not had any success in extending this to provide a container for one of these gannt charts to &#39;sit within&#39; fullcalendar and be triggered by its buttons.

This seems to be one of the more popular feature requests with many people asking for it on the official issue tracker

[http://code.google.com/p/fullcalendar/issues/detail?id=150&amp;colspec=ID%20Type%20Status%20Milestone%20Summary%20Stars][3]

So I am left at a cross roads. I could pay for a half baked proprietary solution that has minimal to no community support or I can try and find a way of getting a resource view inside of jquery Fullcalendar by asking the people who really know jQuery.

I would happily donate the funds saved from using a proprietary solution to the developer of Fullcalendar.

The developer of FullCalendar seems to have a lot on his plate and I would like to again thank him for this truly amazing calendar.

I hope someone can share a solution with us!

Tim


  [1]: http://arshaw.com/fullcalendar/
  [2]: http://code.google.com/p/fullcalendar/issues/detail?id=150&amp;colspec=ID%20Type%20Status%20Milestone%20Summary%20Stars
  [3]: http://code.google.com/p/fullcalendar/issues/detail?id=150&amp;colspec=ID%20Type%20Status%20Milestone%20Summary%20Stars

Adding a Resource View/Gannt chart to jQuery Fullcalendar

I have recently developed an HTML5 jQuery plugin and I&#39;m having trouble removing the red border on required fields in FF4 beta.

I noticed that FF applies this border/outline in required fields and removes it when value is set. The problem is that I am using the value attribute to emulate the placeholder attr in older browsers. Therefore I need all inputs with this feature to not show the red line.


You can see the problem in the demo page of the [plugin here][1] 


  [1]: http://www.matiasmancini.com.ar/demo_html5form_en.php

Firefox 4 Required input form RED border/outline

After my page is done loading. I want jQUery to nicely scroll to the bottom of the page, animating quickly, not a snap/jolt.

Do iI need a plugin like `ScrollTo` for that? or is that built into jQuery some how?

jQuery Scroll To bottom of the page

I&#39;m using jquery tabs on a web page and when the page is refreshed it loses what ever tab I had been on and goes back to the first tab.

Has anyone come across this problem and know how to solve it?

Content Type	Original Author	Original Content on Stackoverflow
Question	anthonypliu	View Question on Stackoverflow
Solution 1 - Jquery	Chad Levy	View Answer on Stackoverflow
Solution 2 - Jquery	Warren Rumak	View Answer on Stackoverflow
Solution 3 - Jquery	rahul	View Answer on Stackoverflow

In jQuery, what does $.fn. mean?

Jquery Problem Overview

Jquery Solutions

Solution 1 - Jquery

Solution 2 - Jquery

Solution 3 - Jquery

regular expression for anything but an empty string

Using git, how do you reset the working tree (local file system state) to the state of the index ("staged" files)?

Attributions