关于$(":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>
目录
相关文章
|
6月前
layui给radio添加checked属性不起作用
layui给radio添加checked属性不起作用
134 0
|
前端开发 JavaScript 开发者
利用 SplitingJS 配合 CSS 实现文字&quot;蠕动&quot;效果
利用 SplitingJS 配合 CSS 实现文字&quot;蠕动&quot;效果
391 2
|
JavaScript
Element el-radio 单选框详解
本文目录 1. 用途 2. 单选框 3. 单选框样式 4. 单选框组 4. 单选框组样式 5. 尺寸调节 6. 绑定值变化事件 7. 小结
1632 0
Element el-radio 单选框详解
|
2月前
|
JavaScript 前端开发
checkbox中checked属性总结
checkbox中checked属性总结
54 0
43zTree - checkbox / radio 共存
43zTree - checkbox / radio 共存
49 0
|
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; 吗?
386 0
|
JavaScript
理解JS函数调用和&quot;this&quot;
如果理解核心函数的调用机制,同时验证一些以核心函数为基础的其他实现方式的运行机制,关于上述所说的问题就会迎刃而解。
107 0
|
JavaScript 前端开发
Vue——04-02v-model的使用原理、结合radio、checkbox、checkbox(多选)、checked(值的绑定)、select以及修饰符的使用
v-model的使用原理、结合radio、checkbox、checkbox(多选)、checked(值的绑定)、select以及修饰符的使用
191 0
|
云计算
超炫酷!看阿里云渲染如何打造&quot;小门神&quot;
 本文讲的是超炫酷!看阿里云渲染如何打造&quot;小门神&quot;【IT168 评论】12月29日,由阿里影业参与投资的国产3D动画电影《小门神》在全国拉开点映大幕。点映结束后,《小门神》口碑在各大社交网络迅速发酵,而“国产动画电影为什么能做得这么高端”则成了不少观众讨论的焦点。
2803 0
下一篇
DataWorks