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();

}

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

JQuery按name属性选择元素
方法1:使用name属性选择器 name属性选择器可用于按name属性选择元素.此选择器选择值与指定值完全相等的元素. 语法:[name="nameOfElement"] 示例: ...
jquery笔记一：下载安装、语法、选择器、遍历选择元素的方法、jQuery动画
目前 jQuery 兼容于所有主流浏览器, 包括 IE 6!开发时常用 jquery.js,上线用 jquery.min.js. jq插件目前jQuery有三个大版本: (1)1.x.x: 兼容ie ...
fond+html属性,JQuery 干货篇之选择元素
JQuery 干货篇之选择元素实验的HTML+CSS的代码 html Example Jacqui's Flower Shop Astor: Daffodil: Rose: Peony: Primu ...
初识jQuery，八字真言“选择元素，对其操作”
jQuery在我印象中,就是很多类似$(),然后昨天开始接触了,觉得很和谐,获取元素比JavaScript简单很多,有意思. 一.开始学习jQuery,下载jQuery库的文件 http://jque ...
java arraylist 删除回车符_2种Java删除ArrayList中的重复元素的方法
这篇文章将给出两种从ArrayList中删除重复元素的方法,分别是使用HashSet和LinkedHashSet. ArrayList是Java中最常用的集合类型之一.它允许灵活添加多个null元素, ...
jquery学习之路jquery之一：jquery选择元素的方法，太神了 2012.8.2
1.css选择器例子: a 匹配所有连接<a>标签 #sss 所有id为sss的元素 a#sss.yangshi 所有id为sss并且有yangshi类的a元素 p a.sss ...
jQuery选择元素的方法
一..get(index) 通过jQuery对象获取一个对应的DOM元素. index从0开始,用来确定获取哪个元素. 二.eq(index) 根据索引获取jQuery对象当index为正数,索引从 ...
vue封装jquery修改自身以及兄弟元素的方法
在项目中我们经常有,点击某一个元素让其自身样式发生变化,同时其兄弟元素改变的需求,最简单的就是通过Jquery来操作,但是如果需求多的话,那么我们就可以对这个方法进行封装,然后再引入使用.今天我们就来 ...
jquery表单属性筛选元素
$(":button") 选择所有按钮元素类型为按钮的元素. 等于$('input[type="button"]') $(":checkbox&quo ...

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

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

最新文章

热门文章