jquery内容筛选选择器的书写格式

发布于 2017/02/09 17:33
阅读 204
收藏 0

jquery版本:3.1.1

1. $('a :empty').text('百度').css('border', '10px groove blue');
2. $("p:contains('未选中')").css('fontSize', '40px');

第一行a和:empty中间要有空格才能起作用

第二行p和:contains之间不能有空格否则不起作用

 

到底是怎么个写法啊??

加载中
0
佛心看世界
佛心看世界
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="gbk">
    <title>Title</title>
    <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<a href=""></a>
<p>未选中</p>
<script>
    //根据不一样的html代码所写不一样的。
    $('a:empty').text('百度').css('border', '10px groove blue');
    $("p:contains('未选中')").css('fontSize', '40px');
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="gbk">
    <title>Title</title>
    <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<a href=""><span></span></a>
<p>未选中</p>
<script>
    //这个用空格,很正常。
    $('a :empty').text('百度').css('border', '10px groove blue');
    $("p:contains('未选中')").css('fontSize', '40px');
</script>
</body>
</html>

你要贴一下你的HTML代码,才能说明你哪里错了。

返回顶部
顶部