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获取父元素的方法示例