title: Is it possible to call Jquery methods from typescript?
body: <p>I am trying to use the method which is present in jquery plugin from typescript.
  I have included that plugins in index.html. Can anyone help me to invoke the plugin method from typescript.</p>
  
  <p>Source :</p>
  
  <pre><code>//plugin
  import {Component} from '@angular/core';
  //import * from '../../../assets/js/query-builder/query-builder"
  declare var $ : any;
  
  @Component({
      selector: 'rule',
      template: ` &lt;script src="assets/js/query-builder/query-builder.js"&gt;&lt;/script&gt;&lt;div  id="Query"&gt; &lt;query-builder class="margin30" [data]="query" [config]="config"&gt;&lt;/query-builder&gt;
      &lt;div class="margin30"&gt;
        &lt;textarea &gt;{{query | json}}&lt;/textarea&gt;
        &lt;button md-raised-button type="button" color="primary" name="and" (click)="OnANDClick()"&gt;AND&lt;/button&gt;
      &lt;/div&gt; &lt;/div&gt;`
  })
  
  export class RSComponent{
  
     //Builded query codes
  
      OnANDClick(){
  
        var query = $("#Query");
        //$.getSQL("string", '\n', this.query)
       //var resSql = query.getSQL("string", '\n', this.query);
       //var sqlParsed = resSql.sql;
      // console.log(sqlParsed);
      }
  }
  </code></pre>
  
  <p>Thanks in advance</p>