使用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移除掉

//代码没有测试,如有问题请继续追问

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>show</title>

<style type="text/css">

div {

    float: left;

    width: 100px;

    height: 80px;

    border: 1px solid #0ff;

    margin-right: 5px;

    display:block;

}

</style>

<!--$("btn")是找到class="btn"的信息,直接each循环出div,里面的children(),里面的item,就是你想要的子元素了,(深圳网站建设:=">

1、新建HTML文件。

2、引入jqueryminjs文件。

3、创建HTML内容

4、用jquery创建点击事件,点击隐藏按钮,p内容隐藏

5、用jquery创建点击事件,点击显示按钮,p内容显示。

6、预览如图当点击隐藏按钮,p内容隐藏。

7、当点击显示按钮,p内容显示。

display属于元素的css样式属性,而jQuery提供了

css()

方法设置或返回被选元素的样式属性,所以判断一个元素的display属性是不是none的代码为:

if(

$("#test")css("display")=='none'

)

{

//

TO

DO

}

此外,以下下两种方法也可以判断元素是否显示:

$("#test")css("visibility")=='visible'

//

判断visibility样式属性

$("#test1")is(":hidden")

//

判断:hidden选择器

太多了 不明白你想干什么 你是想处理多个class是吧 想怎么获取?用each方法就可以了

$("nav")each(function(index,item) {

    $(this)……//这个就是jquer循环获取的class对象 你可以用来处理你的逻辑

});

jQuery 的 index() 方法返回指定元素相对于其他指定元素的索引值,注意:索引值是从0开始计数的。获得当前元素的索引值可用click事件触发

示例代码如下:获取被点击的a标签的索引值

1,创建Html元素

2,设置css样式

3,编写jquery代码

4,观察效果:因为index从0开始计数,所以点击第三个元素,获取的索引值是2

扩展资料

jQuery的核心特性:

1,具有独特的链式语法和短小清晰的多功能接口;

2,具有高效灵活的css选择器,并且可对CSS选择器进行扩展;

3,拥有便捷的插件扩展机制和丰富的插件。

4,jQuery兼容各种主流浏览器,如IE 60+、FF 15+、Safari 20+、Opera 90+等。

参考资料:

jQuery - 百度百科

以上就是关于使用jQuery获取相同类名的元素集合全部的内容,包括:使用jQuery获取相同类名的元素集合、jQuery怎么获取一个DIV下所有元素的值、怎样判断jQuery 元素是否显示与隐藏等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9497774.html

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

发表评论

登录后才能评论

评论列表(0条)

保存