Web前端新人笔记之了解Jquery

bigegpt 2025-04-23 22:21 21 浏览

与javaScript相比，Jquery更简洁。浏览器的兼容性更强，语法更灵活，对xpath的支持更强大。一个$符就可以遍历文档中各级元素。
例：在页面上有一个无序列表，我们需要将所有列表项中的文本内容提取出来并显示。

 1 //javascript代码
 2 <script type = "text/javascript">
 3     var listTimes = document.getElementByTagName("li");
 4     var str = "";
 5     for(var i = 0; i < listTimes.length; i++){
 6         str += listTimes[i].firstChild.nodeValue;
 7         alert(str);
 8     }    
 9 </script>
10 //jquery代码
11 <script type = "text/javascript">
12     $(function{
13         alert($("li").text);
14     }); 
15 </script>

两者相比jquery处理更为简洁，代码量明显减少。以此可见jquery的好处；

什么是jquery？
答：jquery是一个快速简洁的javascript库。可以简化HTML文档的元素遍历、事件处理、动画及Ajax交互，快速开发Web应用。
jquery有哪些特点？
1、轻量级，jquery是一个轻量型框架，程序短小，配置简单；
2、DOM选择，可以轻松获取任意DOM元素或DOM元素封装后的jquery对象；
3、CSS处理，可以轻松设置、删除、读取CSS属性；
4、链式函数调用，可以将多个函数链接起来被一个jquery对象一次性调用；
5、事件注册，可以对一个或多个对象注册事件，让画面和事件分离；
6、对象克隆，可以克隆任意对象及其组件；
7、Ajax支持，跨浏览器，支持IE6.0+、Opear9.0+、Firefox 2+、Safari 2.0+、Google Chrome 1.0+；
jquery能做哪些功能？
1、取得页面中的元素；
2、修改页面的外观；
3、改变页面的内容；
4、响应用户的页面操作；
5、为页面添加动态效果；
6、无需刷新页面即可从服务器获取信息；
7、简化常见的javaScript任务；
jquery脚本类库比较。

jquery的引用

1 <script type="text/javaScript" src = "jquery-1.6.js"></script>

如何学习jquery？
网上有很多jquery的在线文件可供参考
http://tool.oschina.net/apidocs/apidoc?api=jquery

jqurey

上一篇：深圳嘉华学校:什么是JQuery?
下一篇：JQuery为什么会被淘汰?

Web前端新人笔记之了解Jquery

相关推荐

idea本地配置连接远程hadoop集群的一些网络问题解决汇总

无缓存不行?例行升级的入门级阿斯加特AN2 SSD装机点评

Ceph运维手册(基于P版本)

Docker 命令大全（docker命令大全记录表）

替代Docker build的Buildah简单介绍

Docker Desktop安装使用指南:零基础教程

大数据开发前要做什么准备?8台Hadoop服务器进行集群规划前配置

Tensorflow分类loss函数总结 tensorflow绘制loss曲线

R语言学习笔记(七) -离散型数据的模型预测2

iOS Runtime详解