jQuery知识点

最新推荐文章于 2023-04-12 08:27:48 发布
最新推荐文章于 2023-04-12 08:27:48 发布
阅读量299 收藏 1
点赞数 1
文章标签： jquery javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62073591/article/details/126323592
版权

1.可见性过滤选择器的使用

        根据元素是否显示来选择 ​

                （1）:hidden:匹配所有的不可见元素

                （2）:visible: 匹配所有的可见元素

        一般都是和一种类型的元素搭配使用 ​

                $('div:visible).hide(4000);把显示的div用4秒钟隐藏掉。

                $('div:hidden').show('slow');把隐藏的div慢慢地显示出来。

 <script src="./js/jquery-3.6.0.min.js"></script>
    <style>
        div{
            width: 100px;
            height: 100px;
            background-color: rebeccapurple;
            margin-bottom: 10px;
        }
        #div0{
            width: 100px;
            height: 100px;
            background-color: green;
            display: none;
        }
    </style>
<body>
    <div></div>
    <div></div>
    <div id="div0"></div>
    <input type="button" value="隐藏" id="btn1">
    <input type="button" value="显示" id="btn2">
    <script>
        $(function(){
            $("#btn1").click(function(){
                $("div:visible").hide(1000)
            })

            $("#btn2").click(function(){
                $("div:hidden").show(1000)
            })
        })
    </script>
</body>

2.设置多个css属性

<script src="./js/jquery-3.6.0.min.js"></script>
    <style>
        div{
            width: 100px;
            height: 100px;
            background-color: red;
            margin-bottom: 10px;
        }
    </style>
<body>
    <div>这是一个div</div>
<script>
        $(function(){
            $("div").click(function(){
                //设置多个css样式
                //第一种:{"属性名":"属性值","属性名":"属性值",...}
                $(this).css({
                    "color&

最低0.47元/天 解锁文章
依墨~
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery相关方法
qq_42129143的博客
06-06 312
一、筛选器$('元素') 选中所有 $('元素：first') 选中第一个 $('元素：last') 选中最后一个 $('元素：odd') 选中奇数 $('元素：even') 选中偶数 $('元素：lt(3)') 下标小于3的 $('元素：gt(3)') 下标大于3的 $('元素：eq(3)') 下标是3的 注意：eq可以单独...
JQuery的show函数(元素显示)
rotating_windmill
11-09 970
用法： 对象.show(); 例子： "http://www.w3.org/TR/html4/loose.dtd">                     New Web Project                         //使用show函数可以显示隐藏的元素         $(function(){         $('#btn'
show()方法和hide()方法
热门推荐
妖怪的博客
03-27 1万+
1.show()方法和hide()方法是jquery中最基本的动画方法.为一个元素调用hide()方法,会将该元素样式改为none $("element").hide()与$("element").css("display","none")相同 2.当把元素隐藏后,可以使用show()方法将元素diplay样式设置为先前的显示状态 3.show()方法和hide()方法让元素动起来 show()方法和hide()方法在不带任何参数的情况下,相当于css("display","none/block/
jQuery UI 实例 - 显示（Show）
unber的博客
04-12 234
方法的细节，请查看API文档。.show() 显示。
html中 $('#wait_pls').show();什么意思
evilcry2012的专栏
09-22 1313
html中 $('#wait_pls').show();什么意思 5 jjzhou91 | 浏览 3167 次 我有更好的答案 推荐于2016-03-10 02:06:53 最佳答案 这是JQuery。$('#wait_pls')：查找出id值为wait_pls的对象show()是将查找出的对象显示出来，如果该对象为隐藏对象，将其显示；如果该对
jQuery知识点整理
10-24
主要介绍了jQuery知识点整理的相关资料,需要的朋友可以参考下
jQuery知识点.docx
最新发布
07-07
在本篇笔记中，我们将深入探讨 jQuery 的一些核心知识点。 首先，我们关注初始化过程。`$(document).ready()` 与 `window.onload` 都用于在页面加载完成后执行代码，但它们有区别。`$(document).ready()` 在 DOM ...
jquery知识点
09-13
jquery网页技术,修改，追加，删除Class样式，网上找的博客，对于项目应用jquery技术很有帮助，菜鸟一个本人，喜欢交流java技术
jquery知识点整理
07-19
jQuery知识点整理 jQuery是当前最流行的JavaScript库之一，提供了许多有用的方法和属性来简化Web开发。下面是对jQuery知识点的整理： 基本概念 * jQuery对象：使用$符号来声明jQuery对象，如：`$()`或`jQuery()` ...
jQuery 知识点归纳
01-08
jQuery是一个快速、简介的JavaScript库，宗旨是“write less,do more”。 官网：https://jquery.com 版本： 1x：兼容IE6、7、8，不再更新 2x：不兼容IE6、7、8，不再更新 3x：不兼容IE6、7、8，当前官网主要更新版本...
jquery的show/hide/toggle详解
weixin_33796205的博客
10-04 630
通过阅读源码我们发现show,hide,toggle调用了showHide和isHidden这2个方法，所以我们要搞明白原理必须先看一下这2个方法。 jQuery.fn.extend({ ................. show: function() { return showHide( this, true ); ...
jquery的show用display:none来做
飞翔的熊blabla
11-05 956
html>head> style>p { background:yellow; }style> script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js">script>head>body> button>Show itbutton> p style="display: none">Hello 2p>script
jQuery事件
weixin_70815247的博客
08-15 269
prepend()prepend()方法是在被选元素的最前面添加新元素。before()before()方法是在被选元素的前面添加新元素。afterafter()方法是在被选元素的后面添加新元素。注：以上四种方法都可以一次添加多个元素；添加的元素以参数的形式植入，以逗号隔开jQuery添加元素 通过JavaScript操作DOM,来实现获取页面元素,做一些修改等,同样的利用jQuery也可以操作DOM.append(方法在被选元素的结尾插入指定内容添加元素append()append()方法是在。.....
JQuery Show 的几种效果 总有一种是你需要的
yrryyff的博客
11-11 761
JQuery Show 的几种效果 总有一种是你需要的
[JQuery 学习笔记] 隐藏和显示 hide() 和 show()
GYK0812的博客
09-20 1229
hide() 和 show() 方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>6-1 显示与隐藏 </title> <script src..
关于js在iframe中显示与隐藏的控制方式（display、visilibity以及hide()/show()）
weixin_30680385的博客
01-08 2554
引子： 在项目开发过程中，使用iframe嵌套不同的页面，通过菜单来控制页面的切换展示。最开始使用的是show()和hide()方法来控制页面的展示与隐藏，但是遇到嵌套的页面高度不固定， 当嵌套页面过高会出现滚动条，如果拉下滚动条到某个位置，然后切换页面，再切换到上个页面时滚动条就自动到顶部而不是在之前下拉到的位置，所以这就存在问题。 这里，自己简单写了一个示例页面来更好的说明一下这个问题：...
Jquery中show的用法
策马扬鞭追蜗牛
10-09 1404
show([speed,[easing],[fn]]) 概述 显示隐藏的匹配元素。 这个就是 'show( speed, [callback] )' 无动画的版本。如果选择的元素是可见的，这个方法将不会改变任何东西。无论这个元素是通过hide()方法隐藏的还是在CSS里设置了display:none;，这个方法都将有效。 参数 speed[,fn]Number/Str
Jquery中hide()、show()、remove()特性
06-11 449
需求：通过后端Code码来控制前端展示与否。 实现方式一： if(code == 1){ $('#id').show(); }else{　　$('#id').hide();} 在展示的过程中发现一个小小的隐患：虽然这个id被隐藏，但是这个id仍旧存在于当前页面中，查看者只需要再次进行$('#id').show()就可以展示了，尤其是当该id是一...
C语言show用法,show的用法及句型
weixin_31269713的博客
05-22 2491
show的用法及句型2020-05-21 13:28:18文/钟诗贺show 表示使被看见，出示；把…拿给…看。to show one's papers，出示证件to show something to somebody把某物给某人看。还表示表露，露出：to show one's disappointment on the face面露失望的神色。show的用法例句1. Leshka waved ...
"jQuery知识点总结：初始化与方法详解
jQuery 知识点第二章：事件 1、事件绑定 $("p").click(function(){ alert("被点击了");}); 2、事件委托 $(".parent").on("click", "li", function(){ alert("子元素li被点击了");}); 3、事件解绑 $("p").off(...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值