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

引言

上回小傅老师讲解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的常用方法小傅老师就讲到这边，有什么问题可以发信给小傅老师：-)。