jQuery怎样使用呢?

jQuery是一款前端开发框架,那么jQuery应该怎样使用呢?PS:学习jQuery之前要有一些网页的基础,比如HTML,CSS和js,这样才可以更好的学习。

操作方法

  • 01

    jQuery是已经被封装好的,我们只需要使用搜狗搜索jQuery,然后进入jQuery的官网首页点击下载就可以了。

  • 02

    点击下载之后,会跳转到下载界面,这里有压缩版的和未压缩的,两个效果都一样,对于初学者来说下载哪个都可以

  • 03

    之后,把下载好的jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。

  • 04

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

  • 05

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

  • 06

    接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码,入口函数写法有两种,function里面就是用来书写执行代码的。

  • 07

    如图,我就使用alert来在网页中弹出一个警告框。

  • 08

    这样,当我们运行我们的网页的时候,就会弹出一个窗口,里面有我们的警告内容。至此,jQuery也算简单的入门了解了。

(0)

相关推荐

  • 30款超实用的JQUERY插件大合集

    互联网是一个神奇的东西,你在这里碰到臭味相投的朋友,发现世界各个角落的趣闻。最有意思的是,总有人能想到一些新奇古怪好玩有趣的点子,分享给整个世界,让我们的工作更轻松,让我们的生活更有意思。实际上jQu ...

  • 超过1000个超实用的高品质JQUERY插件免费使用

    如果你是网页设计师,又要写点DIV+CSS+JS前端代码,可能会经常找一些插件来帮你实现自己写不出来或者复杂的JS特效,今天发现的这个jQuery 插件网站「jQuery Cards」,有超过1000 ...

  • 实现在线浏览PDF文件的实用jQuery插件有哪些?

    在web开发当中我们经常需要进行需要在线浏览PDf内容,在线嵌入动态pdf,传统的解决方法安装客户端PDF阅读器,如果是在谷歌是可以在线浏览的,因为他自身就带了一些插件,以前遇到这样的问题往往是费时又 ...

  • jQuery EasyUI 为Combo,Combobox添加清除值功能实例

    效果图: 图标 (function($){ //初始化清除按钮 function initClear(target){ var jq = $(target); var opts = jq.data(' ...

  • js和jquery中获取非行间样式

    样式又分为了行间样式和非行间样式.一般来说行间样式用的是比较少的,因为它能够作用的范围就只有一个元素,而非行间样式的作用范围可以是一类元素(即拥有相同德标签,或者说是有相同的类名,(当然id名不可能相 ...

  • DW制作挂历样式的文字轮播滚动的jquery特效

    这篇教程是向我们的朋友介绍DW制作挂历样式的文字轮播滚动的jquery特效方法,挂历样式的文字轮播代码,鼠标停止时文字也停止,而且文字显示黄色的颜色. 方法/步骤 1.打开Adobe Dreamwea ...

  • VS2015怎么添加JQuery引用及智能提示?

    如何最快捷的在VS2015中使用JQuery,并可以智能提示,百度了N种方法终于成功,失败经验就不说了,直接写成功的方法! 1.打开VS2015,从"工具"菜单选择NuGet选项, ...

  • jQuery中的each语句

    jQuery中的each语句

  • 用jQuery制作下拉菜单

    用jQuery制作下拉菜单,可以用toggle,点击一次显示,再次点击的时候就隐藏. 操作方法 01 首先,新建一个html文档,代码如下: <html> <head> < ...

  • Jquery 实现简单的菜单导航

    下拉菜单导航是一个网站的简易网站地图,起着引导访客的作用,用Jquery实现简单的菜单,实现的原理:鼠标是否通过顶层菜单,如果动作发生,则触发下层菜单的显示,如果鼠标从顶部移出,底部菜单收回. 操作方 ...