Rumah > hujung hadapan web > tutorial js > 如何用jquery实现标签切换效果和单击选择效果

如何用jquery实现标签切换效果和单击选择效果

一个新手
Lepaskan: 2017-09-09 13:32:56
asal
1508 orang telah melayarinya

第一步,把所有需要切换的tab页或者是行用$(".delEquSign").on("click",function(){})全部绑定点击效果。

第二步,点击时获取该点击对象,可以进行具体操作,通常还要对非点击对象进行操作,之前的想法也是像this这种形式获取一个非this对象,但是在网上找了好久没有太合适的方法,最后用$.each循环全部绑定效果的对象,然后进行操作。

第三步,每当点击时先循环,然后对this进行操作。

$(".delEquSign").on("click",function(){
                $.each($(".delEquSign"), function(index,item) {
                    if($(item).css("background-color","#dedede")){
                        $(item).css("background-color","#FFFFFF");
                        $(item).find("input").css("background-color","#FFFFFF");
                    }
                });
                $(this).css("background-color","#dedede");
                $(this).find("input").css("background-color","#dedede");
            });

Atas ialah kandungan terperinci 如何用jquery实现标签切换效果和单击选择效果 . Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan