$("#btnAdd")click(function(){
$("<span/>")appendTo("#addTagDiv")html($("#textAdd")val())addClass("spanTag")click(function(){
//这里面的this就是当前这个span的dom元素
//$(this)就是当前span的jquery对象，你可以对他们进行任何 *** 作
//比如现在我就移除当前这个span
$(this)remove();
})
});
//最后整个代码的意思就是一个ID为btnAdd的元素单击时则追加一个span元素到ID为addTagDiv的元素内，该span的html为一个ID叫textAdd元素的value属性值。然后单击任何一个新增的span元素将会把这个span移除掉
//代码没有测试，如有问题请继续追问
第02号元素:氦[化学符号]He,读hài
第03号元素:锂[化学符号]Li,读lǐ
第04号元素:铍[化学符号]Be,读pí
第05号元素:硼[化学符号]B,读péng
第06号元素:碳[化学符号]C,读tàn
第07号元素:氮[化学符号]N,读dàn
第08号元素:氧[化学符号]O,读yǎng
第09号元素:氟[化学符号]F,读fú
第10号元素:氖[化学符号]Ne,读nǎi
第11号元素:钠[化学符号]Na,读nà
第12号元素:镁[化学符号]Mg,读měi
第13号元素:铝[化学符号]Al,读lǚ
第14号元素:硅[化学符号]Si,读guī
第15号元素:磷[化学符号]P,读lín
第16号元素:硫[化学符号]S,读liú
第17号元素:氯[化学符号]Cl,读lǜ
第18号元素:氩[化学符号]Ar,A,读yà
第19号元素:钾[化学符号]K,读jiǎ
第20号元素:钙[化学符号]Ca,读gài
第21号元素:钪[化学符号]Sc,读kàng
第22号元素:钛[化学符号]Ti,读tài
第23号元素:钒[化学符号]V,读fán
第24号元素:铬[化学符号]Cr,读gè
第25号元素:锰[化学符号]Mn,读měng
第26号元素:铁[化学符号]Fe,读tiě
第27号元素:钴[化学符号]Co,读gǔ
第28号元素:镍[化学符号]Ni,读niè
第29号元素:铜[化学符号]Cu,读tóng
第30号元素:锌[化学符号]Zn,读xīn
第31号元素:镓[化学符号]Ga,读jiā
第32号元素:锗[化学符号]Ge,读zhě
第33号元素:砷[化学符号]As,读shēn
第34号元素:硒[化学符号]Se,读xī
第35号元素:溴[化学符号]Br,读xiù
第36号元素:氪[化学符号]Kr,读kè
js获取html元素的方式
+通过ID获取：getElementById('id属性值')
+通过标签名：getElementsByTagName('标签名')
+通过类名：getElementsByClassName('类名')
+通过name属性：getElementsByName('name属性值')
+通过选择器获取一个元素：querySelector
+通过选择器获取一组元素：querySelectorAll
1获取id值为d1的html元素
将获取到的html元素称为DOM节点对象，必须传参数，参数是string类型，是获取元素的id。返回值只获取到一个元素，没有找到返回null。
2通过标签名：getElementsByTagName('标签名')
参数是是获取元素的标签名属性，不区分大小写，根据标签名获取html元素， 返回的是一个数组(伪数组)
通过类名：getElementsByClassName('类名')
参数是元素的类名，返回值是一个类数组，没有找到返回空数组。
通过类名：getElementsByClassName('类名')
必须传参数，参数是是获取元素的name属性，返回值是一个类数组，没有找到返回空数组。
通过选择器获取一个元素：querySelector
参数是选择器，返回值只获取到第一个元素。
通过选择器获取一组元素：querySelectorAll
参数是选择器，返回值是一个数组。
实现方法：
版本 2
子程序 _按钮1_被单击
局部变量 文本1, 逻辑型
局部变量 文本2, 文本型
初始化_填表 ()
填表DIV_取属性 (24, 文本2)
编辑框1内容 ＝ 文本2
输出调试文本 (文本2)
可以使用节点名称获取。
接下来对获取单个元素以及多个元素分别举例：
1、获取单个元素：
<p>这是p元素</p>documentquerySelector('p'); //获取到p元素。2、获取多个元素：
<p>这是p元素</p><p>这是第2个p元素</p>
<button>这是按钮</button>
<div>这是div元素</div>documentquerySelectorAll('p,button,div'); //获取到button,div以及两个p元素，共四个元素的集合。
documentquerySelectorAll('p'); //仅获取2个p元素的集合。
就是在一个元素里有3个div你要获取第一个div的类名？？！！
这样用var name=$('div')eq(0)attr('class')
name就是第一个div的class名
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>lasthtml</title>
<style>
</style>
<script type="text/javascript">
var toggleColor = function (dom)
{
if (!!domindex)
{
dominnerHTML = '把鼠标点击';
documentquerySelector ('div1')stylebackgroundColor = 'green';
// domstylebackground = 'green';
// documentgetElementsByClassName('div')[0]stylebackground = 'green';
domindex = 0;
}
else
{
dominnerHTML = 'thank you';
documentquerySelector ('div1')stylebackgroundColor = 'red';
// domstylebackground = 'red';
// documentgetElementsByClassName('div1')[0]stylebackground = 'red';
domindex = 1;
}
}
</script>
</head>
<body>
<div class="div1" onclick="toggleColor(this)" style="background: blue; width: 120px; height: 20px; padding: 40px; color: #fff;">把鼠标移动到上面</div>
</body>
</html>
以上就是关于使用jQuery获取相同类名的元素集合全部的内容，包括:使用jQuery获取相同类名的元素集合、如何读出元素名称、js获取html元素的方式等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）