在jquery中使用(" *")有什么用?

时间:2017-04-01 06:54:50

标签: javascript jquery jquery-selectors

我正在阅读jQuery,我不知道为什么要使用("*")请解释它的帮助

<script>
    $(document).ready(function(){
        $("button").click(function(){
            $("*").hide();
        });
    });
</script>

3 个答案:

答案 0 :(得分:2)

*是jquery中的一个选择器,它选择所有内容而不包括任何条件,包括html,head和body。

以下是解释其用法的示例。

&#13;
&#13;
$(document).ready(function(){
    $("button").click(function(){
        $("*").hide();
    });
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  Hello text
</div>
<button>Click Me to Hide everything</button>
&#13;
&#13;
&#13; * selector可以与选择指定元素中所有子元素的元素一起使用。没有任何条件

&#13;
&#13;
$(document).ready(function(){
    $("button").click(function(){
        $("div *").toggle();
    });
});
&#13;
div{
border:0.5px solid red;
}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <p>Hello text</p>
  <a>Here is a link </a>
</div>

<button>Click Me to Hide/ Show elements inside the div</button>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

$(*)用于选择文档中的所有元素。请参阅:https://www.w3schools.com/jquery/sel_all.asp

答案 2 :(得分:0)

$(*)是jquery中的一个选择器,用于选择所有元素

因此

$("*").hide();将隐藏所有元素

$(document).ready(function(){
    $("button").click(function(){
        $("*").hide();
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>Hello</div>
<p>World</p>
<span>Good Morning</span>
<button>Hide</button>

<强> Docs