1. 程式人生 > >jquery---is()用法以及常見的用法

jquery---is()用法以及常見的用法

一、基本知識

<body>
    <ul>
        <li class="li">muzi</li>
        <li class="li"><strong>digbig</strong></li>
        <li class="li">muzidigbig</li>
    </ul>
</body>
<script src="./js/jquery-3.3.1.min.js"></script>
<script>
    $(function(){
        //判斷ul的孩子中是否有'.li'的元素
        var bool = $('.li:first').parent('ul').children().is('.li');
        console.log(bool);//true
        //判斷li中是否有strong這個標籤  然後將這個字型變為hotpink
        if($('.li').children().is('strong')){
            $('.li').children().css('color','hotpink')
        }
    })
</script>

二、is()函式一些比較常見的用法

// 是否是隱藏的
$('#test').is(':visible');
$('#test').is(':hide')
// 判斷input元素是否被選中
$('input[name=chkNoChecked]').is(':checked');
// 是否是第一個子元素
$(this).is(":first-child");
// 是否包含.blue,.red的class
$(this).is(".blue,.red");
// 文字中是否包含Peter這個詞
$(this).is(":contains('Peter')");