Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3

Currently Bootstrap 3.x does not support jQuery 3.x as reported here: https://github.com/twbs/bootstrap/issues/16834

The issue is caused by:

jQuery 3 is more strict than jQuery 2. It's like XHTML and HTML. Backward compatibility is preserved and code doesn't look like a mess. If I'm not mistaken, all you need to do is replace show() and hide() functions with .css('display', '') or addClass('hidden') and fix a selector in alert.js (QUnit fails on this line because $('#') is invalid in jQuery 3)

It is fixed in the Bootstrap 3.3.7 release: https://github.com/twbs/bootstrap/issues/16834#issuecomment-225039913


Latest current version of Bootstrap (3.3.7) now supports jQuery 3+, as per developer's comment here https://github.com/twbs/bootstrap/issues/16834.


If you use Bower to manage your javascript packages, to exclude jquery 3.0 you should specify the version of jquery like:

"jquery": "^2.2"

in your bower.json.

The bower.json of jquery-ui package has a following line:

"jquery": ">=1.6"

Because of it Bower installs the latest version of jQuery, which causes your problem.

Note that jQuery 3.0 is released as of June 9, 2016.