可见性过滤选择器的使用

根据元素是否显示来选择

:visible  匹配所有可见的元素

:hidden  匹配所有不可见的元素

一般都是和一种类型的元素搭配使用

$("ul li:visible").next().show(1000).siblings("li").hide(1000)//示例

设置多个css属性

//addClass向被选元素添加一个或多个类名
$("ul li").addClass("aaa")//第一种方式
$("ul li").css("color","blake").css("background-color","aqua")//第二种方式
$("ul li").css({
    "color":"blake"),
    "background-color":"aqua"
})

删除和判断样式

添加元素

append()方法:在被选元素结尾添加新元素。

$("#tj1").click(function() {
                $("ul").append("<li>存储</li>");
            })

prepend()方法:在被选元素的开头添加新元素。

$("#tj3").click(function() {
                $("ul").prepend("<li>vv</li>");
            })

after()方法:在被选元素之后添加新元素。

$("#tj6").click(function() {
                $("ul").after("<p>方法</p>");
            })

before()方法:在被选元素之前添加新元素。

$("#tj5").click(function() {
                $("ul").before("<h2>头疼</h2>");
            })
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值