如何在HTML中引用jQuery函数库

动态加载Javascript是一项非常强大且有用的技术。

它们很强大，但有时候也会得不偿失。如果使用的是jQuery，它里面有一个内置的方法可以用来加载单个js文件。当需要延迟加载一些js插件或其它类型的文件时，可以使用这个方法。

一、jQuery getScript()方法加载JavaScript

jQuery内置了一个方法可以加载单一的js文件；当加载完成后你可以在回调函数里执行后续 *** 作。最基本的使用jQuery.getScript的方法是这样：

jQuery.getScript("/path/to/myscript.js", function(data, status, jqxhr) {

/*

做一些加载完成后需要执行的事情

*/

})

1、通过jquery给元素动态添加样式运用addClass和removeClass即可。首先在html中准备jquery库文件，并且准备一个div元素，如下图所示。

2、然后在style标签里声明一个class样式，如下图所示。

3、接下来准备一个事件加载初始化的方法，在jquery中直接用匿名函数即可，如下图所示。

4、然后通过jquery的addClass方法给div元素添加一个class，如下图所示。

5、移除一个class的样式也很简单，如下图所示，通过removeClass即可。

利用jq的append()追加函数即可实现，如：

html：

<div class="main">

    <input type="button" value="添加" class="btn" />

</div>

JQ：

$(document).ready(function(){

    $(".btn").click(function(){

        var html = '<div style="width:200px height:30px border:1px dashed red margin-bottom:20px"></div>'

        $(".main").append(html)

    })

})

---