html name选择器,2种用jQuery按name属性选择元素的方法

学习2种用jQuery按name属性选择元素的方法，拿走不谢!

给定一个HTML文档，如何使用jQuery按name属性选择元素？

在jQuery中，可以使用2个方法通过name属性选择元素；下面就来通过示例来介绍一下。

方法1：使用name属性选择器

name属性选择器可用于按name属性选择元素。此选择器选择值与指定值完全相等的元素。

语法：[name="nameOfElement"]

例子：html>

 下面的文本框中有 name属性 'address'.

 下面的文本框中有 name属性 'area'.

单击按钮，隐藏name为“area”的input输入框

隐藏

function selectByName() {

element = $('[name="area"]');

//hide the element

element.hide();

}

方法2：使用javascript按名称获取元素并将其传递给jQuery

可以使用javascript getElementsByName()方法选择所需的元素，并将其传递给jQuery函数，以进一步用作jQuery对象。

语法：

selector = document.getElementsByName('nameOfElement');

element = $(selector);

实例：html>

 下面的文本框中有 name属性 'address'.

 下面的文本框中有 name属性 'area'.

单击按钮，隐藏name为“address”的文本框

隐藏

function selectByName() {

selector = document.getElementsByName('address');

element = $(selector);

// hide the element

element.hide();

}