扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
Js代码
创新互联公司是一家网站设计公司,集创意、互联网应用、软件技术为一体的创意网站建设服务商,主营产品:成都响应式网站建设、成都品牌网站建设、网络营销推广。我们专注企业品牌在网站中的整体树立,网络互动的体验,以及在手机等移动端的优质呈现。成都网站设计、成都做网站、移动互联产品、网络运营、VI设计、云产品.运维为核心业务。为用户提供一站式解决方案,我们深知市场的竞争激烈,认真对待每位客户,为客户提供赏析悦目的作品,网站的价值服务。
:
$("div[id]")
选择所有含有id属性的div元素
$("input[name='newsletter']")
选择所有的name属性等于'newsletter'的input元素
$("input[name!='newsletter']")
选择所有的name属性不等于'newsletter'的input元素
$("input[name^='news']")
选择所有的name属性以'news'开头的input元素
$("input[name$='news']")
选择所有的name属性以'news'结尾的input元素
$("input[name*='man']")
选择所有的name属性包含'news'的input元素
$("input[id][name$='man']")
可以使用多个属性进行联合选择,该选择器是得到所有的含有id属性并且那么属性以man结尾的元素
attr(name|properties|key,value|fn)
参数
nameStringV1.0
属性名称
properties MapV1.0
作为属性的“名/值对”对象
key,value
String,ObjectV1.0
属性名称,属性值
key,function(index, attr)
String,FunctionV1.1
1:属性名称。
2:返回属性值的函数,第一个参数为当前元素的索引值,第二个参数为原先的属性值。
参数name 描述:
返回文档中所有图像的src属性值。
jQuery 代码:
$("img").attr("src");
name是input标签的属性值,jQuery提供了attr() 方法用于设置/改变属性值
$("input:text").attr("name");
$("input:text").prop("name"); // 也可以使用prop()方法获取属性
示例代码如下
创建Html元素
div class="box"
span点击按钮获取文本框的name属性值:/spanbr
div class="content"
input type="text" name="test" value="这个文本框的name属性值为test"
/div
input type="button" class="btn" value="获取文本框name值"
/div
设置css样式
div.box{width:300px;height:250px;padding:10px 20px;margin:20px;border:4px dashed #ccc;}
div.boxspan{color:#999;font-style:italic;}
div.content{width:250px;height:100px;margin:10px 0;padding:5px 20px;border:2px solid #ff6666;}
input[type='text']{width:200px;height:30px;border:none;}
input[type='button']{width:120px;height:30px;margin:10px;border:2px solid #ebbcbe;}
编写jquery代码
$(function(){
$("input:button").click(function() {
alert($("input:text").attr("name"));
});
})
给定一个HTML文档,如何使用jQuery按name属性选择元素?下面本篇文章就来给大家介绍一下使用jQuery按name属性选择元素的方法,希望对大家有所帮助。
在jQuery中,可以使用2个方法通过name属性选择元素;下面就来通过示例来介绍一下。
方法1:使用name属性选择器
name属性选择器可用于按name属性选择元素。此选择器选择值与指定值完全相等的元素。
语法:
示例:
输出:
方法2:使用javascript按名称获取元素并将其传递给jQuery
可以使用javascript getElementsByName()方法选择所需的元素,并将其传递给jQuery函数,以进一步用作jQuery对象。
语法:
示例:
输出:
更多 web开发 相关知识,请查阅 HTML中文网 !!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流