使用jQuery获取相同类名的元素集合

使用jQuery获取相同类名的元素集合,第1张

$("#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移除掉
//代码没有测试,如有问题请继续追问

//类名获取对象
$("类名")
//ID获取对象
$("#ID")
//标签获取对象
$("标签名")
//有很多方法获取对象 下面就只用类名和 id举例 获取对象的方法 你可以查看w3c
//赋值的话 就要看你赋怎么样的值
//如果是 更改样式那么就是
$('类名')css({
width: "",
height: ""
})
$('#id')css({
width: "",
height: ""
})
//如果是 改变标签的属性
$("类名")attr("属性","属性复制")
$("#id")attr("属性","属性复制")
//例如
$("class")attr("id","idmingzi")
//这样就获得下面的结果
<div class="class" id="idmingzi"></div>

你可以只用其中的一个class,比如:

$("btn")click(function(){
    alert("点击事件");
});

你也可以组合使用class,比如:

$("btnbtn-circleyellow")click(function(){
    alert("点击事件");
});

就是在一个元素里有3个div你要获取第一个div的类名??!!
这样用var name=$('div')eq(0)attr('class')
name就是第一个div的class名

直接用$(this)就可以了啊。比如三个div的class都是DIV,然后Jq可以这么写:

$("DIV")hover(function(){
    $(this)animate();
});


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

原文地址: https://www.outofmemory.cn/yw/13391054.html

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

发表评论

登录后才能评论

评论列表(0条)

保存