jquery当中冒号选择器的用法

例 1.8(colonSelector1.html)


<html>
<head>
<title>属性选择器</title>
<style type="text/css">
<!--
.myCla{
    background-color:#ff0000;
}
-->
</style>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
/*:has(selector)
匹配含有选择器所匹配的元素的元素
*/
    $("ul li ul li:has(a)").addClass("myCla");
});
</script>
</head>
<body>
<ul>
    <li><a href="#">马克-to-win</a>
        <ul>
            <li>淘宝</li>
            <li><a href="#">淘宝</a>内容</li>
            <li><a href="#">淘宝</a>内容</li>
            <li><a href="c.html">淘宝</a>内容</li>
        </ul>
    </li>
</ul>
</body>
</html>

更多参考原文地址:http://www.mark-to-win.com/index.html?content=Javascript/jsUrl.html&chapter=Javascript/js9_web.html#has

猜你喜欢

转载自blog.csdn.net/mark_to_win/article/details/88683799
今日推荐