如何js 获得元素属性的属性

本文讲的是JQuery中根据属性或属性值获得元素(6种情况获取方法)_jquery,
根据属性获得元素 1.比如要获取页面p标签中属性有id的元素
复制代码 代码如下:
$(&p[id]&).css(&color&,&red&);
根据属性值获得元素 1.$。在jQuery 中$(&&span&&),这
根据属性获得元素 1.比如要获取页面p标签中属性有id的元素
复制代码 代码如下:
$("p[id]").css("color","red");
根据属性值获得元素 1.$。在jQuery 中$("&span&"),这个语法等同于$(document.createElement("span")) ,这是一种用法,在选择元素的时候还会这样子的用:[attribute$=value],匹配给定的属性是以某些值结尾的元素。下面举个例子来说明一下: HTML代码
复制代码 代码如下:
&input name="newsletter" /& &input name="milkman" /& &input name="jobletter" /&
jQuery 代码:
复制代码 代码如下:
$("input[name$='letter']")
结果: [ &input name="newsletter" /&, &input name="jobletter" /& ] 2.!。选择器:[attribute!=value],匹配所有不含有指定的属性,或者属性不等于特定值的元素,此选择器等价于:not([attr=value])。 例子说明一下: HTML代码
复制代码 代码如下:
&input type="checkbox" name="newsletter" value="Hot Fuzz" /& &input type="checkbox" name="newsletter" value="Cold Fusion" /& &input type="checkbox" name="accept" value="Evil Plans" /&
jQuery 代码:
复制代码 代码如下:
$("input[name!='newsletter']").attr("checked", true);
结果: [ &input type="checkbox" name="accept" value="Evil Plans" checked="true" /& ] 3.*。选择器:[attribute*=value],匹配给定的属性是以包含某些值的元素。举个例子说明一下: HTML 代码:
复制代码 代码如下:
&input name="man-news" /& &input name="milkman" /& &input name="letterman2" /& &input name="newmilk" /&
jQuery 代码:
复制代码 代码如下:
$("input[name*='man']")
结果: [ &input name="man-news" /&, &input name="milkman" /&, &input name="letterman2" /& ] 4.@。匹配包含给定属性的元素。注意,在jQuery 1.3中,前导的@符号已经被废除!如果想要兼容最新版本,只需要简单去掉@符号即 可。 5.^。选择器:[attribute^=value],匹配给定的属性是以某些值开始的元素,下面举个例子来说明一下: HTML 代码:
复制代码 代码如下:
&input name="newsletter" /& &input name="milkman" /& &input name="newsboy" /&
jQuery 代码:
复制代码 代码如下:
$("input[name^='news']")
结果: [ &input name="newsletter" /&, &input name="newsboy" /& ] 6 获取指定属性且设定值中有指定字符串的元素 HTML 代码:
复制代码 代码如下:
&input type="checkbox" name="newsletter" value="Hot Fuzz"/& &input type="checkbox" name="newsletter" value="Cold Fusion" /& &input type="checkbox" name="accept" value="Evil Plans" /&
jQuery代码:
复制代码 代码如下:
$("input[name$='letter'][value$='zz']").attr("checked","true");支持多条件操作
当然了,也可以根据id属性或其他属性来获取,如$("input[id=id1]").css("color",red); 在jquery中,当使用$(”input[name='metaId']“).val()不能直接获得被选择的radio的值,只是获得 radio标签的第一个值,这可能jquery使用xpath语言了进行查找有关,而我们通常是想获得被选中的radio的值,有以下几种方法: 1,使用$(”input[name='metaId']:checked”).val()获得 //name代表radio中name属性名 2,使用$(”:radio:checked”).val()获得 //限制页面只有一组radio标签
以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索属性
jquery获得元素属性值、jquery获取元素属性值、jquery获得属性值、jquery判断元素属性值、jquery 元素属性值,以便于您获取更多的相关知识。
弹性可伸缩的计算服务,助您降低 IT 成本,提升运维效率
稳定可靠、可弹性伸缩的在线数据库服务,全球最受欢迎的开源数据库之一
6款热门基础云产品6个月免费体验;2款产品1年体验;1款产品2年体验
开发者常用软件,超百款实用软件一站式提供
云栖社区()为您免费提供相关信息,包括
的信息,还有jquery获得元素属性值、jquery获取元素属性值、jquery获得属性值、jquery判断元素属性值、jquery 元素属性值等
,所有相关内容均不代表云栖社区的意见!Jquery如何获取select选中项 自定义属性的值?HTML code
&select id="ddl" onchange="ddl_change(this)""&
&option value="100" emoney="12" gmoney="12"&日卡&/option&
&option value="102" emoney="58" gmoney="58"&月卡&/option&
&option value="103" emoney="518" gmoney="518"&年卡&/option&
JScript code
function ddl_change(obj){
alert($("#ddl").attr("emoney"));
Jquery如何获取select选中项 自定义属性的值?得出的是undefined!!怎么获取select选中项中的自定义属性&emoney&的值!??------解决方案--------------------------------------------------------$("#ddl").find("option:selected").attr("emoney");
&!DOCTYPE html&&html lang="en"&&head& &meta charset="UTF-8"& &title&Document&/title& &script type="text/javascript" src="jquery-1.8.1.min.js"&&/script& &script type="text/javascript"& $(function(){
$('#lev').change(function(){
$('#lev2').html('&option value="1" lev2="1"&1&/option&&option value="2" lev2="2"&2&/option&&option value="3" lev2="3"&3&/option&&option value="4" lev2="4"&4&/option&&option value="5" lev2="5"&5&/option&');
alert($('#lev').find('option:selected').attr('lev'));
$('#lev').find('option:selected').attr('selected', 'selected');
$('#lev2').change(function(){
alert($('#lev2').find('option:selected').attr('lev2'));
$('#lev2').find('option:selected').attr('selected', 'selected');
}) &/script&&/head&&body& &select id="lev"&
&option value="1" lev="1"&1&/option&
&option value="2" lev="2"&2&/option&
&option value="3" lev="3"&3&/option&
&option value="4" lev="4"&4&/option&
&option value="5" lev="5"&5&/option& &/select& &select id="lev2"&
&/select&&/body&&/html&
阅读(...) 评论()如何获得元素的属性
我用下面的方法为什么不能获得p3的属性color,height,width??function concel(){
var p1=document.getElementById("p1");
var p3=document.getElementById("p3");
p1.style.color=p3.style.color.nodeV
p1.style.width=p3.style.width.nodeV
p1.style.height=p3.style.height.nodeV
p1.style.display="block";
写下你的评论...
写下你的评论...
Copyright (C)
All Rights Reserved | 京ICP备 号-2小型公益图书馆,致力于高质量的Web开发知识提供
JQuery 节点元素的属性操作
作者:简明现代魔法图书馆 发布时间: 14:31:28 10171 次阅读
服务器君一共花费了4.869 ms进行了6次数据库查询,努力地为您提供了提供了这个页面。
在JQuery中,用attr()方法来获取和设置元素属性,removeAttr()方法来删除元素属性。先看看以下效果:
欢迎访问简明现代魔法图书馆
简单易懂的PHP魔法
简单易懂的JavaScript魔法
简单易懂的JQuery魔法
<input id="btn_1" type="button" value="设置元素的属性'title'"/>
<input id="btn_2" type="button" value="获取元素的属性'title'"/>
<input id="btn_3" type="button" value="删除元素的属性'title'"/>
获取属性和设置属性
如果要获取p元素的属性title,那么只需要给attr()方法传递一个参数,即属性名称。
var $para = $("p");
//获取&p>节点
var p_txt = $para.attr("title");
//获取&p>元素节点属性title
如果要设置&p>元素的属性title的值,也可以使用同一个方法,不同的是,需要传递两个参数即属性名称和对应的值。
$("p").attr("title", "your title"); //设置单个的属性值
如果需要一次性为同一个元素设置多个属性,可以使用下面的代码来实现:
$("p") .attr({"title" : "your title", "name": "test"});
//将一个“名/值”形式的对象设置为匹配元素的属性
JQuery中的很多方法都是同一个函数实现获取(getter)和设置(setter)的,例如上面的attr()方法,既能设置元素属性的值,也能获取元素属性的值。类似的还有html()、text()、height()、width()、val()和css()等方法。
在某些情况下,需要删除文档中某个元素的特定属性,可以使用removeAttr()方法来完成该任务。
如果需要删除p元素的title属性,可以使用下面的代码实现:
$("p").removeAttr("title");
//删除&p>元素的属性title
在Firebug下可以看得非常清楚。
本文仅供自己学习与收藏之用,请勿转载,请勿用作其它用途(如商业目的等)。
原文链接:
Copyright & 2017. All rights reserved. Powered by10:17 提问
请问html 标签上的属性值怎么获取?
大神们!怎么能获取到 属性 abc 上的网址?
按赞数排序
通过正则表达示和js代码都可以的,
用JQuery的话,很方便:
&AAA id="tag" abc=""& test &/AAA&
var url = $("#tag").attr(abc);
其他相关推荐
其他相似问题}

我要回帖

更多关于 js如何给元素添加属性 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信