当前位置:首页 > 技术分析 > 正文内容

Web前端新人笔记之了解Jquery

与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

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/4662.html

标签: jq添加元素
分享给朋友:

“Web前端新人笔记之了解Jquery” 的相关文章

快速掌握 Git:程序员必会的版本控制技巧

在现代软件开发中,版本控制系统(VCS)是开发人员不可或缺的工具。无论是个人项目,还是多人协作的团队开发,良好的版本控制都能确保代码管理的高效性与稳定性。而在版本控制系统中,Git 凭借其分布式、灵活性和高效性,成为了最流行的工具之一。几乎所有的开发团队都在使用 Git 来管理代码版本、协作开发和追...

15款测试html5响应式的在线工具

手机、平板灯手持设备的增多,网站要顺应变化,就必须要做响应式开发,响应式网站最大的特点在于可以在不同设备下呈现不同的布局,是基于html5+css3技术,目前越来越多的网站开始采用了响应式设计,而下面15款工具可以方便测试你的html5响应式效果。Responsinatorhttp://www.re...

深度解析!AI智能体在To B领域应用,汽车售后服务落地全攻略

在汽车售后服务领域,AI智能体的应用正带来一场效率和专业度的革命。本文深度解析了一个AI智能体在To B领域的实际应用案例,介绍了AI智能体如何通过提升服务顾问和维修技师的专业度及维修效率,优化汽车售后服务流程。上周我分享了AI智能体+AI小程序To C的AI应用场景《1000%增长!我仅用一个小时...

vue-router是如何解析query参数呢? #前端

vue-router 中的 query 解析。1. 大家好,我是龙仔。今天来分享 vue-router 是如何解析快乐参数的,因为使用 vue 路由会传 query 参数和快乐参数,所以从 vue 的角度来看如何解析传递的快乐参数。2. 基础知识大家应知道,快乐参数结构如:a、b、c、a、b、c、a...

Vue页面传参详解

一、两种方式方法1:name跳转页面this.$router.push({name:'anotherPage',params:{id:1}})另一页面接收参数方式:this.$route.params.id示例:控制台展示:方法2:path跳转页面this.$router.push(...

关于Vue页面跳转传参,参数不同, 但页面只获取参数一次的问题

#头条创作挑战赛#1.问题描述问题描述: element 展示表格(页面A),点击表格的每一行的查看详情按钮,可以携带此行的信息参数跳转到另一个页面(页面B),但是从A页面到B页面,只有第一次跳转的时候B页面可以获取到A页面的参数,返回再次A->B ,B页面无法获取到参数。2.解决办法:方法一...