jQuery其实就是JavaScript和Query(查询)的合体。
可以理解成辅助js开发的库。
既然辅助js开发的库,肯定相比js有更多的优点。
那就是jQuery极大地简化了 JavaScript 编程。
下面来简单介绍一下特点及优势:
1,丰富的DOM选择器
比如想选择id为demo的div。js方法是 document.getElementById(“demo”)。而jq方法是$(“#demo”)就可以了。
2,可以合并表达式。
js要改变一个div的各种样式,需要些好几行代码,而且很多内容可能是重复的。而jq只需要一行就可以搞定。
3,事件、样式、动画支持更加简便
jq还简化了js操作css的代码,并且代码的可读性也比js要强。
4,Ajax操作支持。
jq简化了AJAX操作,后台只需返回一个JSON格式的字符串就能完成与前台的通信。
5,跨浏览器兼容
jq兼容了现在所有主流的浏览器,不用再为浏览器的兼容问题而伤透脑筋。
6,插件扩展开发
jq有着丰富的第三方的插件。并且用jq插件做出来的效果很炫,并且可以根据自己需要去改写和封装插件,简单实用。
7,可扩展性强
可以自己编写插件。jq提供了扩展接口:JQuery.extend(object),可以在jq的命名空间上增加新函数。jq的所有插件都是基于这个扩展接口开发的。
write less do more
这个是jquery(团队)的口号,写得更少,做得更多。
1,JQuery实现脚本与页面的分离
2,最少的代码做最多的事情
3,它是一个“标准”
4,节约学习成本
5,让JS编程变得有趣
…
使用方法
1,因为jq是一个库,所以,我们要把这个库导入到项目当中。jq库可以导入绝对路径,用CDN方式获取jq库。
国内用户可以用下方这个版本,有百度提供的CDN链接。可以直接将下方代码拷贝粘到自己需要的地方:
其它各大提供jq CDN的网站:
也可以把jq文件下载下来,在站点中以相对路径的方式嵌入。
Jquery的下载地址有很多,官方地址是:http://jquery.com/download/
2,选择HTML元素,并对该项目执行函数。
就这么简单。
hide()和show()
hide() 用来隐藏元素。show()用来显示元素。
括号里可以写可传递的参数,来设定显示隐藏的速度。当括号里没有参数的时候就是0,即速度为0ms。
可能的值有:
1,ms 毫秒
2,slow 慢
3,fast 快
4,normal 正常
其实括号里还可以写回调函数。
语法:
$(selector).hide(speed,callback) //速度,回调函数 $(selector).show(speed,callback) //速度,回调函数
回调函数就是对特定的事件或条件进行响应 ,比如上面的语法中,比如隐藏或者显示速度是3000,那么3000ms过去之后执行的函数就是回调。
toggle()
(toggle为切换的意思。)
例如:
$(selector).toggle(speed,callback) //速度,回调函数
切换的是show()和hide()方法。
今天的课程就讲到这里。
评论区
发表新的留言
您可以留言提出您的疑问或建议。
您的留言得到回复时,会通过您填写的邮箱提醒您。