Typescript and jQuery type. The right way to import jquery type?

Question

Is it possible to include jquery.d.ts and use jQueryStatic type? I need something like

...
protected el : jQueryStatic;
...

No matter how I try I can not import jQueryStatic interface from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/jquery

Thanks a lot.

Update

/// <reference path="../../../../defs/jquery.d.ts" />
 error TS2304: Cannot find name 'jQuery'.

/// <reference path="../../../../defs/jquery.d.ts" />
import {jQuery} from 'jquery';
error TS2305: Module '"jquery"' has no exported member 'jQuery'.

Update

Working solution was to add type JQuery not jQuery.

/// <reference path="../../../defs/jquery.d.ts" />
...
protected $el: JQuery;

basarat · Accepted Answer · 2016-02-09 23:57:18Z

8

Based on your code :

el : jQueryStatic

Since you used el I think you meant element and by that the correct interface is actually JQuery:

el : JQuery

But the question you asked for

You can use typeof to convert a variable into a type. More : https://basarat.gitbooks.io/typescript/content/docs/project/declarationspaces.html

Update

The JQuery (not the case) is declared globally. The following works fine:

import * as $ from 'jquery';
var el:JQuery;

edited Feb 9, 2016 at 23:57

answered Feb 9, 2016 at 4:49

basarat

278k60 gold badges475 silver badges528 bronze badges

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

Collectives™ on Stack Overflow

Typescript and jQuery type. The right way to import jquery type?

1 Answer 1

But the question you asked for

Update

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

But the question you asked for

Update

Comments

Your Answer

Sign up or log in

Post as a guest

Related