设定jq动态生成元素为方法一，然后获取动态生成元素的属性的方法设为方法二。
只需先执行方法一后再执行方法二即可获得动态生成的元素的属性(必须在方法一执行后再执行方法二才能获取到)。
代码示例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src=">
1、$("元素")attr("属性"); //获取指定属性的值
2、$("元素")attr("属性","属性值");//设置属性值
3、$("元素")removeAttr("属性"); //移除指定属性
不过在16中加入了prop，用法同attr相同。只是将上面中attr替换成prop即可,不过在获取checked等属性时，将会返回标准属性true/false，不会和之前的attr一样，返回checked或者“”。
而JQuery中获取类名的属性为class亦可以为className，因为在HTML DOM中没有class属性，而是className属性。在JQuery中，有对className作出关键字的转换。
扩展资料：
jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。
参考资料：
jquery获取元素索引值index()方法：
jquery的index()方法
搜索匹配的元素，并返回相应元素的索引值，从0开始计数。
如果不给
index()
方法传递参数，那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。
如果参数是一组DOM元素或者jQuery对象，那么返回值就是传递的元素相对于原先集合的位置。
如果参数是一个选择器，那么返回值就是原先元素相对于选择器匹配元素中的位置。如果找不到匹配的元素，则返回-1。
复制代码代码如下:
foo
bar
baz
$('li')index(documentgetElementById('bar'));
//1，传递一个DOM对象，返回这个对象在原先集合中的索引位置
$('li')index($('#bar'));
//1，传递一个jQuery对象
$('li')index($('li:gt(0)'));
//1，传递一组jQuery对象，返回这个对象中第一个元素在原先集合中的索引位置
$('#bar')index('li');
//1，传递一个选择器，返回#bar在所有li中的做引位置
$('#bar')index();
//1，不传递参数，返回这个元素在同辈中的索引位置。
jquery获取元素索引值index()示例
复制代码代码如下:
//用于二级或者三级联动
建站素材
jquery特效
懒人主机
前端路上
$("#nav
a")click(function(){
//四个经典的用法
var
index1
=
$("#nav
a")index(this);
var
index2
=
$("#nav
a")index($(this));
var
index3
=
$(this)index()
var
index3
=
$(this)index("a")
alert(index3);
return
false;
});
html:
<audio src = "" style="display:none">
js:
$(function(){
$("#audio")[0]play();
})
有两种方法可以获取tr下的第二个td元素：
1、使用css选择器，$("tr td:nth-child(2)")。
2、使用遍历函数eq()。
下面就以上两个方法进行实例演示：单击按钮改变所有行的第二个单元格的样式，单击任意行改变该行第二个单元格的样式。
1、HTML结构
<table id = "test">
<tr><td>1</td><td>1</td><td>2</td><td>3</td></tr>
<tr><td>2</td><td>4</td><td>5</td><td>6</td></tr>
<tr><td>3</td><td>7</td><td>8</td><td>9</td></tr>
<tr><td>4</td><td>1</td><td>2</td><td>3</td></tr>
</table>
<input type="button" id="btn" value="设置">
2、jquery代码
$(function(){
$("#btn")click(function() {
$("#test tr td:nth-child(2)")addClass('red');
});
$("#test tr")click(function() {
$(this)children('td')eq(1)addClass('red');
});
});
jQuery 选择器中 :last 表示最后一个元素，所以表示含有某类属性的最后一个元素可用如下代码表示
$("test-class:last") // 表示最后一个属于test-class类的元素示例如下：
创建Html元素
<div class="top"><ul>
<li>list-1</li>
<li class="selected">list-2</li>
<li class="selected">list-3</li>
<li>list-4</li>
<li class="selected">list-5</li>
</ul>
<span>红色列表项表示属于selected类，d出框显示了最后一个属于selected类的元素的内容</span>
</div>
设置css样式
divtop{margin:50px;padding:10px;width:300px;height:250px;border:2px dashed #ebbcbe;}li{padding:5px;}
liselected{color:red;font-weight:bold;}
span{color:#999;}
编写jquery代码
$(function(){$("ul")click(function() {
alert($("liselected:last")text());
});
})
观察显示效果
以上就是关于js或者jq怎样获取动态生成的元素的属性比如top ,height全部的内容，包括:js或者jq怎样获取动态生成的元素的属性比如top ,height、jquery获取当前元素的classname、jquery中怎么获得特定元素的索引值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）