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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容