ionic3之js(jQuary),css,图片的引入

  一、js文件(以jQuary为例)

  相信有很多朋友使用不习惯angularjs,所以想使用已经很熟悉的JQuary。在这里我就给出怎么引入jQuary文件,并使用。

    1、把要引入的jQuary文件放到app下的assets目录下。

ionic3之js(jQuary),css,图片的引入

    2、在src下的index.html中引入文件。(注意路径)

ionic3之js(jQuary),css,图片的引入

    3、声明jQuary文件。

        (1)在src目录下建一个文件夹(名字随便),新建文件jquery.d.ts,后缀是.d.ts,名字随意

ionic3之js(jQuary),css,图片的引入

        (2)编辑该文件,写入declare var$:any;(注意标点符号都是英文的)

     4、这样我们就可以在ts文件中引入并使用了。

        (1)页面引入(不要忘记最前面的‘///’);
       注意:引入这句话一定要放在ts文件内容最顶上,其他位置不起作用)
[html] view plain copy
  1. ///<reference path="../../services/jquery.d.ts"/>  

        然后我们就可以在对应问页面下的ts文件中的使用jQuary了

ionic3之js(jQuary),css,图片的引入

    还有很重要的一点就是我们在写JQ的时候是不能取到angularjs双向绑定的元素中的额value,所以我们需要这样写。(以点击事件为例)

    ionic3之js(jQuary),css,图片的引入

ionic3之js(jQuary),css,图片的引入

  二、css文件

    和js文件一样可以放在src下的assets文件下面。

ionic3之js(jQuary),css,图片的引入

    在src下的index引入

ionic3之js(jQuary),css,图片的引入

    这样就可以发挥作用啦!

三、图片的引入

    和css、js文件放的位置是一样一样的,放在src下的assets下面

ionic3之js(jQuary),css,图片的引入

    引入的话,在scss文件中的路径是这样子的。

ionic3之js(jQuary),css,图片的引入

    在html文件中是这样子的。

ionic3之js(jQuary),css,图片的引入

    这里可能就会有人问,为什么我的assets下没有js、css文件夹呢?

    *呦,当然是我自己建的啊,你也可以啊!