【JQuery】write less,do more
jQuery Write more Do Less
2023-09-14 08:56:49 时间
JQuery,又是一个熟悉的单词,很多次听到它,都是和JavaScript一起,心里便画上了一个问号,这是为什么。通过JQuery阶段的学习,得到了真正的答案。
一.JQuery是什么
JQuery,顾名思义,是JavaScript和查询(Query),是辅助JavaScript开发的库。
——来自百度百科
JQuery is a fast, small,and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handing animation and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. ——来自JQuery官网
既然,我们都知道了JQuery和JavaScript有着不可分割的关系,那下面就让一点点来看,它们之间有着怎样的联系和区别。
它们的联系: 没有JavaScript就没有JQuery。所以,我们可以说它们之间是父子关系或是前后关系。
其实,这一个答案,用我们第一个问题中的话来说,便是JQuery是一个JavaScript库。再换句话说,JQuery是对JavaScript的封装。
封装的好处,我们也是越来越深有体会,最明显的好处便是提高了复用性,减少了代码量。因此,使用JQuery,我们可能用简单的几行代码就可以完成JavaScript中大段代码实现的功能。
在CSS的学习中,我们知道共有三种类型的选择器:标签、id、class.所以,我们便可以通过它们去找到我们想要操作的节点。
上面接触到的都是各种理论,那么下面的实践也是不能少的。究竟,我们应该怎样去应用JQuery,那么我们就通过一个小小的实例,看看JQuery是应该如何加以应用的。
通过一个小小的例子,确实感受到了JQuery与JavaScript的不同,加上JQuery,让我们的代码实现变得更加简单。可能,这个例子太小,我们的体会还没有那么深。等到后面真正在项目中开始使用的时候,很多想要实现的效果是必须通过JQuery才能做到的,或者,使用JQuery可以让我们更加便捷的实现那样的效果。
《jQuery、jQuery UI及jQuery Mobile技巧与示例》——3.6 技巧:使用append()和appendTo()添加内容 append()和appendTo()之间的主要区别在于:是作用于目标元素而把要添加的HTML字符串作为参数,还是作用于要添加的HTML字符串而把目标元素作为参数。append()函数把内容插入到调用元素之后,如第27行所示;而appendTo()函数则恰好相反,被插入的内容作为选择器参数,如第31行所示。
JQuery is a fast, small,and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handing animation and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript. ——来自JQuery官网
既然,我们都知道了JQuery和JavaScript有着不可分割的关系,那下面就让一点点来看,它们之间有着怎样的联系和区别。
它们的联系: 没有JavaScript就没有JQuery。所以,我们可以说它们之间是父子关系或是前后关系。
其实,这一个答案,用我们第一个问题中的话来说,便是JQuery是一个JavaScript库。再换句话说,JQuery是对JavaScript的封装。
封装的好处,我们也是越来越深有体会,最明显的好处便是提高了复用性,减少了代码量。因此,使用JQuery,我们可能用简单的几行代码就可以完成JavaScript中大段代码实现的功能。
在CSS的学习中,我们知道共有三种类型的选择器:标签、id、class.所以,我们便可以通过它们去找到我们想要操作的节点。
上面接触到的都是各种理论,那么下面的实践也是不能少的。究竟,我们应该怎样去应用JQuery,那么我们就通过一个小小的实例,看看JQuery是应该如何加以应用的。
通过一个小小的例子,确实感受到了JQuery与JavaScript的不同,加上JQuery,让我们的代码实现变得更加简单。可能,这个例子太小,我们的体会还没有那么深。等到后面真正在项目中开始使用的时候,很多想要实现的效果是必须通过JQuery才能做到的,或者,使用JQuery可以让我们更加便捷的实现那样的效果。
《jQuery、jQuery UI及jQuery Mobile技巧与示例》——3.6 技巧:使用append()和appendTo()添加内容 append()和appendTo()之间的主要区别在于:是作用于目标元素而把要添加的HTML字符串作为参数,还是作用于要添加的HTML字符串而把目标元素作为参数。append()函数把内容插入到调用元素之后,如第27行所示;而appendTo()函数则恰好相反,被插入的内容作为选择器参数,如第31行所示。
相关文章
- jquery ajax步骤,jquery ajax(ajax请求的五个步骤jQuery)
- jquery验证二代身份证
- jquery validation engine ajax验证,jQuery Validation Engine 表单验证「建议收藏」
- jQuery 发布 1.9 正式版,最后支持 IE 6/7/8
- 命令Linux中使用Write命令的技巧(linux的write)
- 命令Linux下使用Write命令保存数据(linux中的write)
- 从JavaScript到JQuery(1)学习小结
- 基于jquery的超简单上下翻
- jquery的$(document).ready()和onload的加载顺序
- jquery中对表单的基本操作代码
- 基于jQuery的message插件实现右下角弹出消息框
- jquery实现marquee效果(文字或者图片的水平垂直滚动)
- jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
- 使用jQuery时Form表单元素ID和name命名大忌
- jQuery页面加载初始化常用的三种方法
- jQuery中的heightinnerHeightouterHeight区别示例介绍
- 非jQuery实现照片散落桌子上,单击放大的LightBox效果
- jquery取子节点及当前节点属性值的方法