Jquery先获取自身内部的元素属性值，该如何获取

jQuery手册中这样写道：

$(expression, [context])

expression String 用来查找的字符串

context (可选) Element, jQuery 作为待查找的 DOM 元素集、文档或 jQuery 对象。

那么，你可以这样获取：

$('img:first-child', this)attr('src');

--------------------------------------

或者用原生js：

var a = documentgetElementById('my')getElementsByTagName('a');

var src = [];

for(var i=0;i<slength;i++){

srcpush(a[i]getElementsByTagName('img')[0]src);

}

1、jquery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写，在jQuery DOM *** 作中会经常用到attr()，attr()有4个表达式。

①、attr(属性名)       //获取属性的值（取得第一个匹配元素的属性值。通过这个方法可以方便地从第一个匹配元素中获取一个属性的值。如果元素没有相应属性，则返回 undefined ）

②、attr(属性名, 属性值)   //设置属性的值 （为所有匹配的元素设置一个属性值。）

③、attr(属性名,函数值)     //设置属性的函数值  （为所有匹配的元素设置一个计算的属性值。不提供值，而是提供一个函数，由这个函数计算的值作为属性值。）

④、attr(properties)    //给指定元素设置多个属性值，即：{属性名一: “属性值一” , 属性名二: “属性值二” , … … }。(这是一种在所有匹配元素中批量设置很多属性的最佳方式。 注意，如果你要设置对象的class属性，你必须使用'className' 作为属性名。或者你可以直接使用'class'或者'id'。)

2、那么怎么删除属性呢

jquery中删除属性的关键词是: removeAttr 注意A是大写的 看看怎么用的:

同样是用法一中的html代码, 我想删掉li的title属性, 那么就这样:

<script>

$("ul li:eq(1)")removeAttr("title");

</script>

就这么简单， attr 其实就是原生js中 getAttribute 的简化实现, 而removeAttr 就是 removeAttribute 的简写了。

3、那么是否有跟attr()相似的属性呢？

jquery中val()与之类似，

$(this)val();获取某个元素节点的value值，相当于$(this)attr("value");

$(this)val(value);设置某个元素节点的value值，相当于$(this)attr("value",value);

1DOM 介绍

2查找元素

3DOM 节点

4节点 *** 作

DOM 中的三个字母，D（文档）可以理解为整个 Web 加载的网页文档；O（对象）可

以理解为类似 window 对象之类的东西，可以调用属性和方法，这里我们说的是 document

对象；M（模型）可以理解为网页文档的树型结构。

DOM 有三个等级，分别是 DOM1、DOM2、DOM3，并且 DOM1 在 1998 年 10 月成为

W3C 标准。DOM1 所支持的浏览器包括 IE6+、Firefox、Safari、Chrome 和 Opera17+。

加载 HTML 页面时，Web 浏览器生成一个树型结构，用来表示页面内部结构。DOM 将

这种树型结构理解为由节点组成。

从上图的树型结构，我们理解几个概念，html 标签没有父辈，没有兄弟，所以 html 标

签为根标签。head 标签是 html 子标签，meta 和 title 标签之间是兄弟关系。如果把每个标签

当作一个节点的话，那么这些节点组合成了一棵节点树。

PS：后面我们经常把标签称作为元素，是一个意思。

W3C 提供了比较方便简单的定位节点的方法和属性，以便我们快速的对节点进行 *** 作。

分别为：getElementById()、getElementsByTagName()、getElementsByName()、getAttribute()、

setAttribute()和 removeAttribute()。

getElementById()方法，接受一个参数：获取元素的 ID。如果找到相应的元素则返回该

元素的 HTMLDivElement 对象，如果不存在，则返回 null。

当我们通过 getElementById()获取到特定元素节点时，这个节点对象就被我们获取到了，

而通过这个节点对象，我们可以访问它的一系列属性。

getElementsByTagName()方法将返回一个对象数组 HTMLCollection(NodeList)，这个数

组保存着所有相同元素名的节点列表。

getElementsByName()方法可以获取相同名称(name)的元素，返回一个对象数组

HTMLCollection(NodeList)。

getAttribute()方法将获取元素中某个属性的值。它和直接使用属性获取属性值的方法有

一定区别。

setAttribute()方法将设置元素中某个属性和值。它需要接受两个参数：属性名和值。如

果属性本身已存在，那么就会被覆盖。

removeAttribute()可以移除 HTML 属性。

1node 节点属性

节点可以分为元素节点、属性节点和文本节点，而这些节点又有三个非常有用的属性，

分别为：nodeName、nodeType 和 nodeValue。

节点的层次结构可以划分为：父节点与子节点、兄弟节点这两种。当我们获取其中一个

元素节点的时候，就可以使用层次节点属性来获取它相关层次的节点。

childeNodes 属性可以获取某一个元素节点的所有子节点，这些子节点包含元素子节点

和文本子节点。

firstChild 用于获取当前元素节点的第一个子节点，相当于 childNodes[0]；lastChild 用于

获取当前元素节点的最后一个子节点，相当于 childNodes[boxchildNodeslength - 1]。

ownerDocument 属性返回该节点的文档对象根节点，返回的对象相当于 document。

parentNode 属性返回该节点的父节点，previousSibling 属性返回该节点的前一个同级节

点，nextSibling 属性返回该节点的后一个同级节点。

attributes 属性返回该节点的属性节点集合。

DOM 不单单可以查找节点，也可以创建节点、复制节点、插入节点、删除节点和替换

节点。

write()方法可以把任意字符串插入到文档中去。

appendChild()方法讲一个新节点添加到某个节点的子节点列表的末尾上。

createTextNode()方法创建一个文本节点。

insertBefore()方法可以把节点创建到指定节点的前面。

cloneNode()方法可以把子节点复制出来。

8removeChild()方法

removeChild()方法可以把

A、prop() 方法设置或返回被选元素的属性和值。

当该方法用于返回属性值时，则返回第一个匹配元素的值。

当该方法用于设置属性值时，则为匹配元素集合设置一个或多个属性/值对。

注意：prop() 方法应该用于检索属性值，例如 DOM 属性（如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected）。

提示：如需检索 HTML 属性，请使用 attr() 方法代替。

提示：如需移除属性，请使用 removeProp() 方法。

B、val() 方法返回或设置被选元素的值。

元素的值是通过 value 属性设置的。该方法大多用于 input 元素。

如果该方法未设置参数，则返回被选元素的当前值。

C、removeAttr() 方法从被选元素中移除属性。

D、设置或返回匹配元素的样式属性

故，此题选择A

public

static

void

main(String[]

args)

{

DocumentBuilderFactory

dbf

=

DocumentBuilderFactorynewInstance();

try

{

DocumentBuilder

db

=

dbfnewDocumentBuilder();

Document

doc

=

dbparse("d:/testxml");

//xml文件的绝对目录

//得到根节点

Element

root

=

docgetDocumentElement();

//通过节点的名字获得值

NodeList

nl

=

rootgetElementsByTagName("HLR");

Element

e

=

(Element)

nlitem(0);

String

hlrId=egetAttribute("HlrId");

Systemoutprintln(hlrId);

}catch(Exception

e){

eprintStackTrace();

}

}

js里面的getAttribute(key)是获取dom的属性值，使用方法如下：

1、首先创建一个名称为 getAttribute 的html文件。

2、添加一个button在点击事件中加入自定义函数mygetAttribute。

3、然后加入一个a链接和p标签显示获取的属性值。

4、创建一个自定义函数mygetAttribute。

5、在自定义函数中通过id的方式获取对象，在用getAttribute方法获取 href的值，并将值赋值到p标签。

6、最后在浏览器中打开文件，点击button或获取到a 表签的 href属性值，就完成了。

以上就是关于Jquery先获取自身内部的元素属性值，该如何获取全部的内容，包括:Jquery先获取自身内部的元素属性值，该如何获取、jquery中如何获取和设置属性、18.DOM 基础等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！