引言

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

核心方法

ready()

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

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

 

完整语法

jquery的核心 jquery核心方法_javascript

简化语法

jquery的核心 jquery核心方法_jQuery_02

最便捷语法

jquery的核心 jquery核心方法_jQuery_03


each()

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

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

jquery的核心 jquery核心方法_js_04

属性操作方法

attr()

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

基本语法

jquery的核心 jquery核心方法_js_05

取得元素属性

jquery的核心 jquery核心方法_jquery的核心_06

 

设定元素属性

jquery的核心 jquery核心方法_jQuery_07

text()

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

基本语法

jquery的核心 jquery核心方法_js_08

取得文本值

jquery的核心 jquery核心方法_jquery的核心_09

设定文本值

jquery的核心 jquery核心方法_jQuery_10


val()

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

基本语法

jquery的核心 jquery核心方法_javascript_11

设定值

jquery的核心 jquery核心方法_框架_12

取得值

jquery的核心 jquery核心方法_框架_13


AJAX

ajax()

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

具体应用代码:

Get提交

jquery的核心 jquery核心方法_js_14

Post提交

jquery的核心 jquery核心方法_javascript_15

jQuery的常用方法小傅老师就讲到这边