jQuery如何获取指定的属性值

jQuery如何获取指定的属性值,第1张

在jQuery输入元素表达式属性名即可得到。

如:

1$("#textId")attr("width")是获取Id为textId的控件的width属性。

2$("className")attr("width")是获取包含class名为className的控件的width属性。

3$("[name=textName]")attr("width")是获取name为textName的控件的width属性。

但要注意,jquery取到的可能是一个数组,如果确定属性为同一值,则没问题,否则应该循环取得控件,再取属性值。如:$("#textId")[0]width是取第一个控件的width属性。但也有写属性用attr取不到,也需要用角标的方式取得控件后再取属性。

jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 60+、FF 15+、Safari 20+、Opera 90+等。

ie八及其以下是不行的,建议使用标准的标签,div span+css足够模拟所有标签的;

有网友这么测试的不用w3标准,自定义网页的命名空间,js是可以获取到,但是它就不是w3的标准了:

在IE8及IE8以下使用自定义命名空间的可以在html标签指定命名空间

<html  xmlns="diy">

自定义标签加上diy:前缀,如

<diy:lee id="lee">这里是自定义lee标签</diy:lee>

样式声明也需要加前缀:

diy\:lee { display:block; width:300px; height:100px; background:red; border:5px solid #000; color:yellow; }

给你提供个思路吧:

找到所有的a标签

遍历并获取每个a标签的href属性

将href属性使用正则表达式匹配href的值

匹配含有test字符串的href值就是选中的a标签

谢谢采纳!

jquery获取标签名称:

jquery tagName prop()

如果想看某个元素是什么元素类型,只需要使用:

[object]attr("tagName")便可获取。

下面用 jQuery 将全部 url 和 文本分别添加到两个数组里面。

其实两个数组是一样的,因为你从数据库输出的时候应该是用的同一个 url 变量输出两次,结果都是类似 aaacom 这样的。

<script type="text/javascript">

$(function() {

var labels = [], urls = [];

$("form[name=frmsearchedresult] a[href^='whois']")each(function(){

labelspush($(this)text());

urlspush($(this)attr("href")replace(/^whois\asp\domain=/, ""));

});

// ["", "baiducom", "googlecn", "sinacomcn", "yahoocom", "163com"]

alert(labels);

// ["", "baiducom", "googlecn", "sinacomcn", "yahoocom", "163com"]

alert(urls);

});

</script>

代码如下:

var btn = jQuery('btn')val();

获取的只是第一个类标签为btn的html元素的value值。

要获得一组类标签的所有html元素的值。就得使用jQuery的each遍历。

代码如下:

var btns = new Array(); //或者写成:var btns= [];

jQuery('btn')each(function(key,value){

btns[key] = $(this)val();

//或者也可以这么写:

// btns[key] = $(value)val();

});

1、查找子元素方式1:>

例如:var aNods = $("ul > a");查找ul下的所有a标签

2、查找子元素方式2:children()

3、查找子元素方式3:find()

通过下标获取第n个子标签的ID值

1var num1=$("ul > a:eq(0)")attr("ID");

2var num2=$("ul")children("a:eq(0)")attr("ID");

3var num3=$("ul")find("a:eq(0)")attr("ID");

jquery提供了三个获得内容的方法: text()、html() 以及 val(),其中前两个可用于解决本问题:

$("label#userid")text(); // 首选,获取label的文本

$("label#userid")html(); // 也可以实现,获取label标签内的所有html标记,一般情况改下label标签内就是文本,所以等效上面的方法

下面给出实例演示:分别使用以上两种方法获取label标签的内容,注意最终结果的区别

创建Html元素

<div class="box">

<span>点击按钮获取label中内容:</span><br>

<div class="content">

<label id="userid">输入用户名</label><input type="text">

</div>

<input type="button" value="获取label中的内容">

</div>

设置css样式

divbox{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}

divbox span{color:#999;font-style:italic;}

divcontent{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}

h3{display:inline-block;}

input[type='button']{height:30px;margin:10px;padding:5px 10px;}

编写jquery代码

$(function(){

$("input:buttonbtn1")click(function() {

alert($("label#userid")text());

});

$("input:buttonbtn2")click(function() {

alert($("label#userid")html());

});

})

观察效果

使用text()方法获取标签内的内容

以上就是关于jQuery如何获取指定的属性值全部的内容,包括:jQuery如何获取指定的属性值、jquery如何获取自定义标签内容如下、Jquery 获取含有指定url 的a标签等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9659612.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存