教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery 获取子元素的方法

jquery 获取子元素的方法

发布时间:2011-12-02   编辑:jiaochengji.com
jquery的对象选择器是用来选取我们要操作的元素的强大工具,jquery获取子元素当然也要用到jquery选择器,所以学好jquery选择器的使用是,jquery获取子元素也非常简单

jquery 获取子元素是我们经常要用到的操作,jquery 获取子元素的方法很多,比如用find()函数、children()函数、用$()筛选器、这些内容在我们讲jquery 查找子节点的时候已经讲过了,可以去再去看一下,这里讲一下很少人用到的,但是可以让你对 jquery 的理解更加深入的一种 jquery 获取子元素的方法:

先引入一段html代码:

姓名:
性别:

如果页面中多个表单,我们要获取 #id 为 form1 的表单中的姓名输入框中的值,这代码如下:

$('#form1').find('input[name="username"]').val();

当然这是最常用最普通的方法,我们这里将的是与众不同的方法,代码如下

$('input[name="username"]',$('#form1')).val();

看出奇妙的地方来了吧,我们给 $() 传入了第二个参数,这第二个正是 id 为 form1 的jQuery对象

代码解释:$()方法可以接收第二个参数,当传入第二个参数时,jquery选择器将会将传入的这个jQuery对象作为上下文来通过第一个参数的规则来搜索,平时我们都不穿入第二个参数,jQuery就会默认将 $(document) 对象作为上下文来搜索,这是个很重要的技巧,要好好理解。

您可能感兴趣的文章:
JQuery元素获取方法汇总
锋利的jQuery 要点归纳(二) jQuery中的DOM操作(下)
jQuery学习笔记 获取jQuery对象
jquery获取父元素或父节点的方法介绍
jquery获取子节点和父节点的示例代码
jQuery如何获取与设置表单元素
Jquery 获取对象的多种方式
jquery中常用的函数和属性详细解析
jquery子元素过滤选择器使用示例
jquery获取父元素的方法示例

关键词: jquery  jquery  教程  获取  子元素   
[关闭]
~ ~