jQuery 的功能

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery 的功能相关的知识,希望对你有一定的参考价值。

参考技术A 该博客基于阮一峰前辈在2011年所做的分享(原链接: http://www.ruanyifeng.com/blog/2011/07/jquery_fundamentals.html

jQuery的核心就是:可以选择某个网页元素,然后对其进行某种操作
我们可知jQuery是一个构造函数,那么我们就可以通过选择表达式,把选中的元素,放进jQuery构造函数($)当中,从而得到选中的元素。
而选择表达式可以是CSS选择器:

也可以是jQuery特有的表达式:

在jQuery当中最终选中网页元素以后,可以对它进行一系列操作,并且所有操作可以连接在一起,以链条的形式写出来,比如:

拆解开来,就是:

这是jQuery最令人称道、最方便的特点。它的原理在于每一步的jQuery操作所返回的都是一个jQuery对象,所以不同操作可以连在一起。

jQuery还提供了.end()方法,使得结果集可以后退一步:

创建新元素的方法非常简单,只要把新元素直接传入jQuery的构造函数就行了:

操作元素在网页中的位置移动有两种方法:
(1)直接移动该元素;
(2)移动其他元素,使得目标元素达到我们想要的位置。

(1)方法是使用.insertAfter(),把div元素移动p元素后面:

(2)方法是使用.after(),把p元素加到div元素前面:

表面上看,这两种方法的效果是一样的,唯一的不同似乎只是操作视角的不同。但是实际上,它们有一个重大差别,那就是返回的元素不一样。第一种方法返回div元素,第二种方法返回p元素。你可以根据需要,选择到底使用哪一种方法。

使用这种模式的操作方法,一共有四对:

text(?) //读写文本内容
用于返回内容时,则返回所有匹配元素的文本内容(会删除 HTML 标记)。
用于设置内容时,则重写所有匹配元素的内容。
html(?) //读写HTML内容
设置或返回被选元素的 innerHTML(文本 + HTML 标记)
attr('title',?) // 读写属性
设置或返回被选元素的属性值。
css(color:'red') //读写style
设置或返回被选元素的一个或多个样式属性。
addClass('blue')
向被选元素添加一个或多个类。
该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性。
on('click',fn)
支持动态绑定元素,即页面上元素有添加或变化后仍可绑定,前提是selector须是目标绑定元素的父元素
off('click',fn)
用于移除通过 on()方法添加的事件处理程序

Jquery能实现所有javascript的功能吗

如限制会员一天只能发一贴,注册表单,图片上传,编辑器功能,站内私信。
实现点赞功能之类的。
如果不能都是在哪些功能。

我先把jquery的概念给你写在下面吧,因为通过你的问题,我发现你对Jquery的理解有问题:
Jquery是一个优秀的Javascript框架。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器。jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。

然后说说你的问题吧,通过上面的定义你应该可以看出来,总结就是:
从某个角度来说Jquery和javascript实现的功能差别不大,只不过在某些地方Jquery节省了javascript的某些步骤而已。
而你说的这些功能基本都是需要和后台交互,然后通过业务逻辑和控制处理来实现的。Jquery和javascript都可以实现,他们所负责的只是前台的显示,和一些前台页面显示的数据的向后台(servlet等类似java文件)传递参数,并接受传递回来的参数的过程。简单的说就是一个传递和接受参数然后根据需要在前台页面显示的作用。。。如果单独靠jquery活者javascript是无法完成你上面描述的任何一个功能的

不明白请追问,如果对你有帮助,记得采纳~
参考技术A 你说这些基本上都不管JQ或javascript的事。这些都是asp、.net、php、python、ruby、jsp等后台程序干的事。 参考技术B 都能实现!javascript的功能!但有些功能需要与数据库相结合才行,例如如限制会员一天只能发一贴

以上是关于jQuery 的功能的主要内容,如果未能解决你的问题,请参考以下文章

jquery怎么实现搜索框搜索功能

jquery 实现加入购物车功能

jQuery 的功能

如何将 Jquery 表单提交功能更改为 AngularJS 功能?

一个轻量级、快速、功能丰富、功能强大且高度可配置的jQuery&;泽普托。

我的 jquery 自动完成功能不起作用