文档章节

小博老师解析JavaWeb核心技术 ——JQuery常用方法

博为峰教研组
 博为峰教研组
发布于 2017/01/25 20:29
字数 598
阅读 9
收藏 0

引言

上回小傅老师讲解JQuery的选择器,不知小伙伴们有没有自己操作操作啊,这次老师讲讲JQuery内置的方法。JQuery提供了很多方法,大体分成 “核心”、”属性”、”筛选”、”文档处理”、”css”、”事件”、”效果”、”ajax”这几个大类,每个类下面又细分成若干种方法。小傅老师有选择性为大家讲解一些常用方法的使用。

核心方法

ready()

ready()方法是JQuery中非常重要的一个方法,很多事件处理程序的绑定操作基本都它中间完成。它有点类似于window.load()事件,但与之不同的是ready()方法可以写多次,load()事件只能编写一次。这二者触发的时间也不相同,load()方法在网页上所有内容加载完成后才执行,ready()在网页加载完其DOM结构马上触发。

ready()的语法有多种方式,具体采用哪种因人而异,小傅老师喜欢用第三种:-)。

 

完整语法

简化语法

最便捷语法

 

each()

当使用选择器返回一组集合对象时,就好使用each()方法中的元素进行迭代,然后根据实际情况操作每个元素。

比如要取得网页上所有文本框中的值,可以使用以下代码。

属性操作方法

attr()

attr()方法用取得或设定元素的属性

基本语法

 

取得元素属性

 

设定元素属性

text()

在实际应用中操作文本值用的机会比较,jQuery封装了text()专门用来取得或设定文本值。

基本语法

取得文本值

设定文本值

 

val()

val()方法是专用来操作input类型的value属性,比如文本框中值,下拉框中选中的值等。

基本语法

设定值

取得值


 

AJAX

ajax()

ajax()方法是jQuery中AJAX实现的底层方法,它可以带很多参数以实现各种需求。简单易用的AJAX方法可使用$.post()、$.get()|、$getJSON()。小傅老师对易用方法以有介绍,小伙伴可参考AJAX系列文章。

具体应用代码:

Get提交

Post提交

jQuery的常用方法小傅老师就讲到这边,有什么问题可以发信给小傅老师:-)。

© 著作权归作者所有

博为峰教研组
粉丝 50
博文 1224
码字总数 479077
作品 0
黄浦
程序员
私信 提问
JAVAWeb对ajax中get与post的使用

JAVAWeb对ajax中get与post的使用 01.使用背景及ajax的介绍 在进行javaWeb的开发中难免会遇到异步请求的情况,为了使网站局部的信息发生变化,而不影响整个页面的话,博主知道的也只用ajax了。...

meiqi0538
2018/04/04
0
0
jQuery零基础入门——(八)AJAX

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,可能补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 用JavaScript写AJAX前面已经介绍...

JandenMa
2018/08/06
0
0
jQuery零基础入门——(四)查找和过滤

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,可能补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 通常情况下选择器可以直接定位到...

JandenMa
2018/07/11
0
0
jQuery零基础入门——(六)修改DOM结构

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,可能补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 在《零基础入门JavaScript》的时...

JandenMa
2018/07/20
0
0
【全网独家】Kendo UI培训正式上线,抢先预约有惊喜!

Telerik中国区总代理——慧都整合国内一线讲师资源,全新开发的Kendo UI培训已经正式上线!Kendo UI for jQuery线下研修班 与 Kendo UI企业内训双拳出击,总有一款适合你! Kendo UI for jQu...

Miss_Hello_World
2017/10/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

linux高级文件数据操作

cat :显示切割数据 -f:选择显示切割列; -s:比现实没有分割的行 -d:自定义分隔符 cut -d ‘ ’-f 1,3 a.txt : 以空格为分隔符显示第一列和第三列;这种情况不能分隔的行也会显示出来,如...

为何不可1995
32分钟前
1
0
在Javascript中Eval函数的使用

【eval()函数】 JavaScript有许多小窍门来使编程更加容易。 其中之一就是eval()函数,这个函数可以把一个字符串当作一个JavaScript表达式一样去执行它。 举个小例子: var the_unevaled_ans...

花漾年华
43分钟前
3
0
[日更-2019.5.22、23] Android 系统的分区和文件系统(二)--Android 文件系统中的文件

声明 Android系统中有很多分区,每个分区内的文件系统一般都不同的,使用ADB进入系统/目录下可发现挂载这很多的目录,不同的目录中可来自不同的分区及文件系统; 那么,就来分下这些目录里面...

小馬佩德罗
48分钟前
2
0
数组操作相关算法

/*数组的相关的算法操作:1、在数组中找最大值/最小值*/class Test11_FindMax{public static void main(String[] args){int[] array = {4,2,6,8,1};//在数组中找最大...

architect刘源源
今天
4
0
okhttp3 以上版本在安卓9.0无法请求数据的解决方案

应用官方的说明:在 Android 6.0 中,我们取消了对 Apache HTTP 客户端的支持。 从 Android 9 开始,默认情况下该内容库已从 bootclasspath 中移除且不可用于应用。且Android P 限制了明文流量...

chenhongjiang
今天
15
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部