大家好，今天给各位分享zt前端的一些知识，其中也会对zt前端进行解释，文章篇幅可能偏长，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在就马上开始吧！
一、 jQuery是什么?
是对JavaScript封装的一个框架包,旨在简化对JavaScript的操作.
JavaScript代码:获得元素的节点对象、ajax实现、事件操作、事件对象(大量重复代码,并且考虑到浏览器的兼容性问题)
jQuery代码:无需考虑浏览器兼容问题,代码少.
二、 jQuery特点
2.1 语法简练,语义易懂,学习快速,文档丰富
2.2 轻量级脚本,代码小巧
2.3 支持CSS1~CSS3定义的属性和选择器
2.4 是跨浏览器的,支持包括IE6.0、FF1.5-、Safari2.0+和Opera9.0+
2.6插件丰富,可以实现更多功能
三、 其他JavaScript相关的框架包
Prototype、YUI、Extjs、bindows、JSVM、moo tools等
Prototype:与面向对象的原型集成关键字一致,该框架特点是功能扩展比较容易.
YUI:Yahoo 雅虎用户接口,该框架可以实现各种页面布局效果.比如标签切换对应内容.
Extjs:该框架可以实现许多绚丽的效果.比如:页面不同区域进行拖拽效果.
四、 简单使用
4.1官网下载
下载jquery
4.2进入下载页面
这里看实际需求选择不同的jQuery框架
jQuery下载界面
4.3下载某版本的jQuery代码
jQuery代码
4.4将jQuery导入工程.js文件
将jQuery代码复制到工程的.js文件
五、演示代码
这里使用的是HBuilder软件
index.html文件
<!-- 引入外部js文件-->
[xss_clean][xss_clean]
[xss_clean]
function f1(){ // 通过原生js实现
alert(result); // 通过jQuery实现
var result = $('#onclick').val();
alert(result);
} [xss_clean]
浏览器界面
浏览器界面
jQuery使用前期:侧重快速找到页面上的各种节点.
jQuery使用后期:丰富了事件操作、ajax操作、动画效果、DOM操作等.
在后续文章中,会对jQuery的上述的使用进行逐一讲解.
END，本文到此结束，如果可以帮助到大家，还望关注本站哦！
