如何使用jquery

JavaScript023

如何使用jquery,第1张

使用步骤如下:

1.jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。

2.然后我们来开始编辑HTML界面代码。

3.使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。

4.接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码

1、首先新建一个html文件,命名为test.html,在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。

2、在test.html文件内,使用button标签创建一个按钮,按钮名称分别为“刷新页面”。

3、在test.html文件内,设置button标签的id为btn,主要用于下面通过该id获得button对象。

4、在js标签内,使用$(function(){ })方法在页面加载完成时,通过window.location.href获得当前页面的链接,并把链接保存在变量url中。

5、在js标签内,通过id(btn)获得button对象,给它绑定click点击事件,实现当按钮被点击时,使用window.location.href方法跳转至url,从而实现刷新页面的效果。

6、在浏览器打开test.html文件,点击按钮,查看实现的效果。

jQuery是一个js框架,封装了js的属性和方法。操作方法如下:

1、首先,要定义出页面对应的dom对象(这个不是必须的,可以在页面加载的时候,动态添加到页面尾部)。

2、定义对应的css样式,样式已添加了对ie6等低版本浏览器的支持。

3、初始化控件,当然第一步所说的动态添加,也在这步所示,代码包括初始化和关闭按钮控件。

4、初步做好了弹出框,添加自适应窗口的优化,包括各浏览器中获取宽高方法。

5、最后弹出框增加鼠标拖动的效果,鼠标变十字后就可拖动了,就完成了。