
如:
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标签等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)