关于$(":button") 选择器的理解

简介: 关于$(":button") 选择器的理解

通过 $(":button") 可以选取所有 type="button" 的 input 元素 和 button 元素,
如果去掉冒号,$("button")只能获取 button 元素。

测试
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
    $(document).ready(function(){
        $("#test1").click(function(){
            $("button").hide();
        });
        $("#test2").click(function(){
            $(":button").hide();
        });
    });
</script>
</head>
<body>
    <p id="test1">点进这里测试  <b>button</b></p>
    <p id="test2">点进这里测试 <b>:button</b></p>
    <button>Button 按钮</button>
    <input type="button" value="Input 按钮">
</body>
</html>
目录
相关文章
|
前端开发 JavaScript 开发者
利用 SplitingJS 配合 CSS 实现文字&quot;蠕动&quot;效果
利用 SplitingJS 配合 CSS 实现文字&quot;蠕动&quot;效果
285 2
|
8月前
|
JavaScript 编译器
模块 &quot;&quot;element-plus&quot;&quot; 没有导出的成员 &quot;ElMessage&quot;。你是想改用 &quot;import ElMessage from &quot;element-plus&quot;&quot; 吗?
模块 &quot;&quot;element-plus&quot;&quot; 没有导出的成员 &quot;ElMessage&quot;。你是想改用 &quot;import ElMessage from &quot;element-plus&quot;&quot; 吗?
227 0
|
JavaScript
理解JS函数调用和&quot;this&quot;
如果理解核心函数的调用机制,同时验证一些以核心函数为基础的其他实现方式的运行机制,关于上述所说的问题就会迎刃而解。
|
前端开发
CSS之选择器(十)&lt;label&gt; 和 &lt;input&gt;
CSS之选择器(十)&lt;label&gt; 和 &lt;input&gt;
CSS之选择器(十)&lt;label&gt; 和 &lt;input&gt;
OPA 12 - oButton.$().trigger(&quot;tap&quot;)
Created by Wang, Jerry, last modified on Nov 08, 2015
99 0
OPA 12 - oButton.$().trigger(&quot;tap&quot;)
OPA 13 - ok(oButton,&quot;find the Create button&quot;);
Created by Wang, Jerry, last modified on Nov 08, 2015
101 0
OPA 13 - ok(oButton,&quot;find the Create button&quot;);
|
JavaScript 前端开发 Java
var oButtonView1 = oView.byId(&quot;ButtonView1&quot;);
var oButtonView1 = oView.byId(&quot;ButtonView1&quot;);
var oButtonView1 = oView.byId(&quot;ButtonView1&quot;);